Chrome CSS Drop Down Menu: finding last link

[thumbslinger]

Chrome CSS Drop Down Menu (v2.01)


http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm


I'm trying to remove the last right-border on the last main link. I have tried various incarnations of:

.chromestyle ul li a last {
border:none;
}

.chromestyle li a last {
border:none;
}

.chromestyle ul a last {
border:none;
}

as well as adding a class="last" within the href or not.

I just need to get rid of the right-hand border on the last main link.

Thanks

[ddadmin]

You should be able to get rid of the border in the right most menu item by doing something like:


<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2" style="border-right-width:0">News</a></li>
</ul>
</div>

[thumbslinger]

you would think, but it doesn't work.

The css is providing style for all ul li a items and for some reason, I can't override that last item.

Something has to be amiss.. thanks though

[ddadmin]

Are you sure? I just tried the above on the default demo, and it gets rid of the right border of the rightmost menu item.