[thelist] IE7 - Extra bottom margin on flyout navigation items

Aaron Cole aaroncole at gmail.com
Thu Aug 10 13:25:07 CDT 2006


IE7 is adding, what appears to be, extra bottom margin to my navigation list
items.  I'm using a CSS flyout method that I found at
http://solardreamstudios.com/learn/css/cssmenus/

I've posted an example at:
http://www.stanford.edu/~aaronc/navTest.html

There is a green background on the ul element to make the extra spacing more
obvious (it only shows up in IE7).

The source of the problem seems to be caused by the selector found at line
38 in the source code.

ul#navmenu li {
  display: block !important;
  display: inline;
  position: relative;
}

I'm open to using another method if someone has one.

Any ideas?

TIA,
Aaron



More information about the thelist mailing list