you use "li>a" as inline-elements - if you make them "display:inline-block" the gap disappears. but of course you`ll get problems with IE<8 and FF2 other solution: give the "a"-elements in your nav "line-height:20px"
Matt Fielding wrote: > Hello all, > > So I've been battling with a problem for the past few hours. I went to show > a peer a site I've been working on for an upcoming event of ours, and > discovered that on our site ( http://gdg.uml.edu/lan/ ), and only when > viewing it with Firefox or IE under Windows does this happen, there is a > mysterious black margin that appears between the #navigation div and the > #main div. They sit closely together on every other browser I've tested > under every other major OS and there is no visual break. This isn't a make > or break problem for me, but my OCD side really wants to know why this is > happening. I've tried everything from setting explicit borders, margins, > overflow: hidden, and whatever else I could think of for all the involved > divs and elements with no success. Of course there's a chance I forgot a > crucial one. > > If someone could shed some light on this annoying inconsistency, I'd greatly > appreciate it. > > Thank you, > Matt F. > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
