On 7/5/06, Christina Hawkins <[EMAIL PROTECTED]> wrote: > Thanks, Riva. > I tried line-height: 14px and 2.5em in the li and a classifiers under > #navlist. > Both give me the same result as if I'd didn't have it. > > Also, why is the rollover effect I want working in FF but not IE?
<snip/> > #navlist ul{margin: 0; padding: 0; list-style-type: none;} > > #navlist li{margin: 0; list-style-type: none; line-height:14px;} > > #navlist a { > display: block; padding: 2px 0 0 10px; margin:0; color:#FFFFFF;} > > #navlist a:link, #navlist a:active, #navlist a:visited { > color:#FFFFFF; text-decoration:none;} > > #navlist a:hover {color:#000000; > background-color:#FFFFFF; > filter:alpha(opacity=75); > -moz-opacity:.25; > opacity:.25; > } Hi, Christina, I haven't tested this, but from what you are describing, this sounds like a "hasLayout" issue in IE. Basically, IE feels most comfortable when it has defined dimensions (or "zoom") on items that are misbehaving. In this case, I'd suggest giving the LI's width: 100%. As long as the LI doesn't have padding, the width value won't change the presentation, but it will give IE a dimension to hang onto. (You may want to zero out the padding on the LI to be certain -- different browsers use different dimensions.) You might want to do something similar on the links, but you will need to provide different rules for different browsers. Using a width of 175px is going to make it shrink in IE 5.x because of how they define dimensions, so using one of the box model hacks[1] would let you define 185px for the older IE's, and 175px for everyone else. HTH, Michael [1] http://css-discuss.incutio.com/?page=BoxModelHack ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/