Border bottom rollover absent in IE

[skimo]

On this page http://www.benjaminkopel.com/forehoe/

in the horizontal navigation, when you rollover the link everything is fine, in FF that is. In IE, the left, right and top borders execute the correct rollover color (yellow), but the bottom border does not.

Does anyone know why that is and what can be done?

Thanks.

[Excavator]

Hello skimo,
Add height: ??px; to#hornav ul li and adjust the px size to fit.

[skimo]

Thanks for the response Excavator. I tried all sorts of heights on all sorts of divs and I can't seem to produce that border-bottom. Do you have any other ideas or am I just implementing the code incorrectly?

[coothead]

Hi there skimo,

change these rules...

#hornav ul {
margin: 0px;
padding: 8px 10px 0 10px;
list-style-type: none;
}
#hornav ul li a {
color: #999;
padding: 1px 10px;
text-decoration: none;
border: 1px solid #333;
}

as highlighted...

#hornav ul {
margin: 0px;
padding: 6px 6px 0 6px;
list-style-type: none;
}
#hornav ul li a {
float:left;
color: #999;
padding: 1px 10px;
text-decoration: none;
border: 1px solid #333;
margin:0 2px;
}

[skimo]

Coothead-

Thank you, once again. Can you please tell me why the float is necessary on this?

Thanks.

[coothead]

Hi there skimo,
Can you please tell me why the float is necessary on this?
Ooooops, my mistake, it is not necessary. :o :o :o

When working with someone else's code and sometimes mine ;) I use trial and error methods in my attempts at correction.
The float:left was a left over from these attempts and should have been removed.
My apologies for this oversight. :agree: