Hey Folks, Am hoping someone on the list might be able to help me here, as this problem is driving me nuts.
I'm working on a template design for a site that uses a vertical multi-level navigation bar. After checking around, I decided to base mine off of A List Apart's Taming List (Nested), which can be found here: http://css.maxdesign.com.au/listamatic2/vertical03.htm With my tweaks, the navbar displays fine in Safari, but I'm having woes in IE 6.0 and Firefox on the PC. In IE, in particular, I seem to be getting extra margins appearing to the right, which is making the sucker wider than the pixel-width specified, pushing a right content column down the page. I've narrowed the problem to this the CSS used for the links: <!-- main links --> #navcontainer li a { display: block; padding: 5px 0px 5px 15px; background: #ffe9bf; color: #ba3b3e; text-decoration: none; font-weight: bold; width: 100%; } <!-- nested links --> #navcontainer li li a { display: block; padding: 5px 0px 5px 30px; background: 0; color: #2f3896; text-decoration: none; width: 100%; } If the width here is specified as 100%, I get the extra margins in IE on the right. If I make the width specified as "auto", the margins on the right disappear, but I get either padding or margins appearing at the bottom of each of the <li></li> elements. Have been trolling the Net for a fix to this -- or reason, at least -- but haven't found one. The closest I've come is a piece on margin problems and using quirks mode for IE, but that didn't solve the problem. Here's a link to my template-in-progress: http://www.coachandgrowrich.net/template_drafts/interior_15july2006.php And the main CSS file: http://www.coachandgrowrich.net/css/master_15july2006.css Or a file with just the subnav CSS pulled out: http://www.coachandgrowrich.net/css/subnav.css Thanks in Advance, Anthony ______________________________________________________________________ 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/
