Chris Kiltz wrote: > I've got my template looking wonderful in Firefox, but IE screws up > the left nav column. What do I need to do so it matches Firefox? > The first menu item runs too close to the top of the column, and > there's too much air between the other items. > > http://dbkdev.net/wb/ > http://dbkdev.net/wb/templates/dbk_custom/screen.css > > :) Chris Kiltz > > Chris,
Opera/9.02 and IE/7.0 handled it the same (menu tight to the top). There was a space above the menu in Firefox/2.0.0.1. It may be a collapsing-margins problem [1] See if this helps to put the same space above the menu and h3: #main1 { /*padding: 0;*/ padding-top: 1px; }<<<amend #main2 { /*padding: 0;*/ padding-top: 1px; }<<<amend #menu { /*padding: 0;*/ padding-top: 10px; }<<<amend h3 { margin-top: 10px; } <<<add The space between the list items does not show in ie/7.0 It may be an ie/6 and down "white space bug" See if this helps: * html #menu a:link, * html #menu a:visited, * html #menu a:active, * html #menu a:hover { width: 100%; } [1] <http://www.w3.org/TR/CSS21/box.html#collapsing-margins> Best, ~dL -- http://chelseacreekstudio.com/ ______________________________________________________________________ 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/