Menu styling with last-child of first child?

[Starscream]

Hey ya’ll. First time post on this awsum site.

I having sum problems with CSS/xHTML/thinking…
On this site im working on, I use the ol’ classic UL menu. It looks like this:

HTML

Menu 1


Menu 2


Menu 3

CSS

.menu-wrap ul li {

list-style:none;

float:left;

}



.menu-wrap ul li a {

border-right:thin #fff solid;

}

And it looks like shit with the border-right on the last menu item. It kind of looks incomplete, like its missing a link on the end. I want to remove the border-right on the last menu item.

This can be easily done with a class applied to it. But the thing is it will be used dynamically within a CMS site. So i wont be able to class the links.

I have tried the :last-child and :first-child but the compatibility is not what i want because the client may be using IE6 or such shitty-devils-work browsers.

Is there another solution? (Btw. Im from sweden, so my english may not be as evolved as yours :P)

Thanks.

[seeingsound]

I have used

<--[if lt IE 9]>

Of course jQuery has to be loaded before.

[Author]

Posts