[RESOLVED] CSS for IE6 extra 1px

OK Need some CSS help

Have a nav bar that expands over a div with a solid background, I’m using an un-ordered list for the nav.

Problem is I have a border set to the <li> tag that is causing an extra 1px to show up on the bottom right hand site of the nav in IE6 only.

[URL=”http://www.webdeveloper.com/forum/attachment.php?attachmentid=11911&stc=1&d=1228166485″]Pic[/URL]

//CSS

[code=html]
/*———————————————————–
Pure CSS Drop-down Menu
Last Updated: 12/31/2007 by Justin Spegele
Author: Justin Spegele
Spegele Design and Development
http://www.spegele.com/
This code is free to modify and use for any purpose, as
long as proper credit is given to the original designer.
———————————————————– */

/* Overarching Menu
———————————–*/
.cssnav {
position:relative;
z-index:1000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}
div.cssnav {
height: 25px;
width: 100%;
background:#467aa7;
border:1px solid #fff;
}
.cssnav ul {
padding:0;
margin:0;
list-style-type:none;
}
.cssnav ul ul {
width:149px;
text-align:left;
}
/* Main list
———————————–*/
.cssnav li {
float:left;
width:106px; /* This controls the width of the topnav */
position:relative;
background:none; /* Added to override style */
padding:0px; /* Added to override style */
}
/* First Level
———————————–*/
/* Links */
.cssnav a, .cssnav a:visited {
display:block;
text-decoration:none;
color:#fefefe;
border:1px solid #fff;
border-width:0px 0px 0px 1px;
background:#467aa7;
line-height:25px;
}
/* Links on hover */
.cssnav a:hover, .cssnav ul ul a:hover{
color:#fff;
background:#80b0da;
}
.cssnav :hover > a, .cssnav ul ul :hover > a {
color:#fff;
background:#80b0da;
}
/* Second Level
———————————–*/
/* Links */
.cssnav ul ul a, .cssnav ul ul a:visited {
background:#578bb8;
line-height:1em;
padding:5px 10px;
width:128px;
border-width:0 1px 1px 1px;
}
/* Links on hover */
.cssnav ul ul a:hover {
background:#80b0da;
}
/* Visibility */
.cssnav ul li:hover ul, .cssnav ul a:hover ul{
visibility:visible;
}
/* Third Level
———————————–*/
/* Links */
.cssnav ul ul ul a, .cssnav ul ul ul a:visited {
background:#578bb8;
}
/* Links on hover */
.cssnav ul ul ul a:hover {
background:#80b0da;
}
/* Positioning */
.cssnav ul ul ul{
left:150px;
top:-1px;
}
.cssnav ul ul ul.left {
left:-150px;
}
/* Visibility */
.cssnav ul :hover ul ul{
visibility:hidden;
}
.cssnav ul :hover ul :hover ul{
visibility:visible;
}
/* All Sub Levels
———————————–*/
/* Default visibility */
.cssnav ul ul {
visibility:hidden;
position:absolute;
top:26px;
left:0;
border-top:1px solid #fff;
}
/* IE Table
———————————–*/
.cssnav table {
position:absolute;
top:0;
left:0;
border-collapse:collapse;
}
[/code]

I have tried to set it to zero but that breaks the functionality of the nav, any thoughts?

Also in #CSS _↴