Hi List! Long-time listener; first-time poster here.
I'm combining a floated tab menu and rounded corners. Independently, either one displays fine across browsers. It's when I combine them that the problems begin. Firefox, of course, displays it perfectly, as does Konqueror (my Safari proxy). IE, on the other hand, stacks the tabs as soon as the rounded corners are applied. If the rounded corners are removed, IE once again displays the tabs inline. I'm missing something here, and would love it if somebody could tell me how to fix this. The site itself, in all its embryonic glory, can be found here: http://www.spiritone.com/~charlesd/newsite/funkylist.html Code below. Thanks all! -charles Relevant CSS (note that the colors for the rounded divs aren't right in this snippet below. Just ignore that... along with the fact that the page has no actual content yet, just a decapitated header): /*tabbed navigation */ #navblock {position: absolute; bottom: 0; left: 170px; } #navtab{ margin-left: 4px; padding: 0; width: 100%; padding-left: 5px; } #navtab ul{ margin:0; padding:0; list-style:none; } #navtab li{ display:inline; margin:0 2px 0 0; padding:0; } #navtab a{ float:left; color: black; margin:0 2px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px; } #navtab a span{ background-color: #626461; float:left; display:block; padding:4px 9px 2px 6px; border-right:1px solid black; border-left:1px solid black; text-transform:uppercase; } /* rounded corners */ .boxtop, .boxbottom {display:block; background:transparent; font-size:1px;} .bx1, .bx2, .bx3, .bx4 {display:block; overflow: hidden;} .bx1, .bx2, .bx3 {height: 1px;} .bx2, .bx3, .bx4 {background-color: white; border-left: 2px solid #990000; border-right: 2px solid #990000;} .bx1 {margin: 0 5px; background-color:#990000;} .bx2 {margin: 0 3px; border-width:0 2px;} .bx3 {margin: 0 2px;} .bx4 {height: 2px; margin:0 1px;} And, the HTML: <div id="navblock"> <div id="navtab"> <ul> <li style="margin-left: 1px"><a href="." id="homenav"> <b class="boxtop"><b class="bx1"></b><b class="bx2"></b><b class="bx3"></b><b class="bx4"></b></b> <span>Home</span></a> </li> <li><a href="." id="joinnav"> <b class="boxtop"><b class="bx1"></b><b class="bx2"></b><b class="bx3"></b><b class="bx4"></b></b> <span>Cheese</span></a> </li> <li><a href="." id="svcnav"> <b class="boxtop"><b class="bx1"></b><b class="bx2"></b><b class="bx3"></b><b class="bx4"></b></b> <span>Meat</span></a> </li> <li><a href="." id="supnav"> <b class="boxtop"><b class="bx1"></b><b class="bx2"></b><b class="bx3"></b><b class="bx4"></b></b> <span>fruit</span></a> </li> <li><a href="." id="accountnav"> <b class="boxtop"><b class="bx1"></b><b class="bx2"></b><b class="bx3"></b><b class="bx4"></b></b> <span>bran</span></a> </li> </ul> </div> </div> ______________________________________________________________________ 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/
