hello everybody, I've been struggling with this list for a day now, and ran out of ideas as of what could cause this last weird behaviour of IE6, so I turn to you as my last resort:
in a two-level nested list, I style the second level to be positioned relatively to the left of the first. First level is 9ems wide, second level with a 1em border-left, positioned 10em to the left. Everything works fine in Firefox and IE7, but in IE6, as soon as there's a second level, the first level is wider than the 9em it is supposed to be. Probably it's something stupid that I forgot, but after trying and trying, maybe someone more experienced than me with a fresh look sees what's going on. thanks in advance rainer I have a test-page up here: http://h3r-gba.de/cms/test the respective css is as follows: #sitemap li { background-color:#A6A8AB; margin:0 0 -.1em; min-height:1em; padding:.5em 0em 0 .8em; position:relative; width:9em; } #sitemap ul li.empty {padding-bottom:.5em;} #sitemap ul { list-style:none; margin:0; padding:0; position:relative } #sitemap ul ul { font-size:90%; margin-top:-2.05em } #sitemap ul li ul li { background:#9c3; border-left:1em solid #3E3A37; border-right:none; border-bottom:none; border-top:1em solid #FFF !important; left:10em; width:14em; margin-left:1px; margin-bottom:0; padding-bottom:.5em } #sitemap a { color:#000; font-weight:700; display:block; text-decoration: none } #sitemap li.hover { background:#9c3; border-right:1px solid #666 } #sitemap .hot{zoom:1} #sitemap .hot li:hover { background:#A6A8AB; border-left:0; border-bottom:0; border-right:0; padding-left:25px; min-height:1em; cursor:pointer } .hover { background:#dfeff7; cursor: pointer } .hot {border:1px solid #666} ______________________________________________________________________ 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/