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/

Reply via email to