Hi everyone. This is my first post here. I have this unordered list that creates a horizontal link menu. there is nothing special or fancy about it, it just hold links. Im trying to absolutely position the UL and i've noticed that Firefox seems to display padding or a margin around the LI elements, while IE doesn't. I've tried specifying that all padding and margins be removed from the LI elements and from the UL element, but Firefox still renders it fatter compared to IE.
Here is the link to the site: http://www.olympusdentalceramics.com/index2.html here is the CSS: #nav-home { position: absolute;height: 20px;width: 548px;left: 300px;top: 120px;padding: 0px;} #nav-home ul { margin: 0px; padding: 0px; list-style: none; border: 1px solid black;} #nav-home li { font-weight: bold; font-size: 10px; font-family: "Trajan Pro"; display: inline; height: 15px; margin: 0px 30px 0px 0px; padding: 0px;} <!--[if IE 7]> #nav-home li { font-weight: bold; font-size: 10px; font-family: "Trajan Pro"; display: inline; height: 15px; margin: 0px 30px 0px 0px; padding: 6px 0px;} #nav-home li#last-item { font-weight: bold; font-size: 10px; font-family: "Trajan Pro"; display: inline; height: 15px; margin: 3px 0px; } <![endif]--> #nav-home li#last-item { font-weight: bold; font-size: 10px; font-family: "Trajan Pro"; display: inline; height: 15px; margin: 3px 0px; } #nav-home li a { text-decoration: none; color: #006699;} I can't figure out whats happening and i'm quite new to the world of web development, especially when it comes to browser specific quirks. Thanks! -- Maxl ______________________________________________________________________ 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/
