CSS Menu Right Border

**CSSIssue** · Apr 13, 2011 19:12

Hello,

I am the owner of 1TM.com and would like to remove the right border of dropdown menu. Right after it says "SSL" on the menu there is a 1px white line and would like to have this removed.

Any help you be greatly appreciated.

Thanks!

**ralph.m** · Apr 13, 2011 19:59

One thing you could try is remove !important from here

Code:

#nav li {
  display: block;
  float: left;
  margin-right: 1px !important;
  position: relative;
  z-index: 9999;
}

then add a class to the last <li> and set it to

Code:

margin-right: 0;

**dresden_phoenix** · Apr 13, 2011 23:04

simplest solution:
#nav li {
display: block;
float: left;
position: relative;
z-index: 9999;
}

#nav li + li { margin-left: 1px;}

hope that helps

**CSSIssue** · Apr 13, 2011 23:46

No it removes all the borders for the whole menu. Any code that works?

Thanks

**doogso** · Apr 14, 2011 00:53

Remove '!important' from 'margin-right' nav li css selector below: (it's not required)

#nav li{
float:left;
margin-right:0;
position:relative;
display:block;
z-index:9999;
margin-right:1px !important;
}

Then add some inline css:

<li style="margin-right: 0;"><a href="#">SSL</a></li>

If you don't remove '!important' the margin wont go away because '!important' will over-ride the inline css style.