Remove Border from Last menu Item?

How can I edit my css so it does NOT show the right border on the last menu item?

*see attached image for clarity.

Thanks!

css3:

#nav > LI{
border-right:none!important;
}

jQuery:

jQuery(document).ready(function(){
jQuery('#nav > LI').last().css('borderRight',none);
});

Sorry. That didn't work for me.

Do you use the CSS "with" the JS? If so, I tried that too and nothing.

Just to be sure, where do you put the JS?

- Len

css should be (I missed something):


#nav > LI:last-child{
border-right:none!important;
}

for JS version you can put script just before end of head section of index.php of template (</head>)

also try:

jQuery(document).ready(function(){
jQuery('#nav > LI').last().css('border-right',none);
});

or
jQuery(document).ready(function(){
jQuery('#nav > LI').last().css('border',none);
});

None of those worked.

It's definitely an inheritance issue somewhere.

Please help!

it's not inheritance. it has !important; or other script solution also overcomes that. Make that changes, leave them and send me link so I could inspect.