a:hover problem with borders in IE

[nevenuf24]

Anyone know why my top and bottom border is not showing in Internet Explorer 6 for my navigation bar? There should be a border around the word home and borders around each link as you roll over it. Only the borders on the right and left appear.

Here's the URL: http://aec.ifas.ufl.edu/trc/

I pasted the relevant code below, but you can also view the entire CSS here.


#nav {
width:100%;
}

#nav ul {
margin-left:0;
padding-left:0;
display: inline;
}

#nav ul li {
margin-left:0;
padding:0;
list-style: none;
display: inline;
}

#nav a:link, a:visited, a:active {
padding:5px 12px 5px 12px;
margin:0 7px 0 7px;
color:#E2BC5F;
text-decoration:none ;
font-weight:bold;
}

#nav a:hover {
border:1px solid #E2BC5F;
font-weight:bold;
padding:4px 11px 4px 11px;
}

#nav li.youarehere1 {
border:1px solid #E2BC5F;
padding:4px 7px 4px 7px;
margin:0 7px 0 7px;
color:#E2BC5F;
font-weight:bold;
}

[drhowarddrfine]

Add and adjust line-height:xxpx; to your #nav or the ul or the li, whatever works.

[nevenuf24]

Add and adjust line-height:xxpx; to your #nav or the ul or the li, whatever works.

I added it to the ul and it worked. Thanks!