Hi, To fix the height of the <li> tags, display:block and float:left :
#nav ul li { display: block; /* changed */ float:left; /* changed */ margin-right: 5px; /* added */ padding-right: 20px; border: 1px solid yellow; } Then to have it centered, you would need a width for the UL : #nav ul { margin:0 auto; /* changed */ padding:0; list-style-type: none; width:800px; /* added */ } Hope this helps. On 8/1/07, Mark Wheeler <[EMAIL PROTECTED]> wrote: > > Hi, > > I've come across this little problem before, and worked around it > last time, but I don't want to work around it anymore. The problem is > that I have border-bottom to appear on hover over a link. But, that > is not appearing - it seems to be cut off - in IE7. You can see the > yellow border around the <li> tag is cut off at the bottom. IE6, FF, > Safari are all fine, just IE7 is the problem. I think I'm missing > some basic thing here, but I can't seem to figure it out. Here's the > link: > > http://dev.tonedeafdesign.com/ob/underline_link_test.html > > Any help would be appreciated. > > Thanks, > > Mark > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/