Separated Tabs

However, if I use padding-bottom: 6px (instead of the strange 5.9px) I get this result in IE6/Win:


body {
   padding : 2em 3em;
   font-size : 76%;
}
h1, li {
   font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
}
p {
   clear: both;
   font-size : 1em;
   font-family : Verdana, Arial, sans-serif;
}
#nav, #nav2 {
   float : left;
   margin : 0;
   padding : 0;
   border-bottom : 6px solid #693;
   text-align : center;
   letter-spacing : 0.1em;
}
#nav li, #nav2 li {
   float : left;
   width : 9em;
   margin-bottom : 6px;
   margin-left : 6px;
   padding : 6px 1ex 5.9px;   /* IE6/Win fix */
   color : #fff;
   background-color : #999;
   font-weight : bold;
   list-style-type : none;
}
#nav li.current, #nav2 li.current {
   margin-bottom : 0;
   padding-bottom : 12px;
   background-color : #693;
}
#nav li:first-child, #nav2 li:first-child {
   margin-left : 0;
}

#nav2 { padding-bottom: 6px }   /* Without IE6/Win fix */