The tab is not displayed in IE 6, others are working fine
How to solve?
& lt; Style type = "text / css" & gt; * {Margin: 0; Padding: 0; } Li {List-style: none; } A {text-decoration: none; Font-size: 14px; } #tabcontainer {height: 62px; Status: Relative; Margin: 2 AM; Font-size: 12px; } # Tabits Container 1 & gt; Le & gt; A {-image-radius: 7px 7px 0 0; Background: # F3F8C6; Swim left; Margin-right: 2px; Padding: 5px 10px; Border: 1 px solid # EABF4A; / * Added / Status: Relative; Top: 0; / * End * /} #tabcontainer ul li.selected a, # tabitemscontainer1> Li.selected & gt; A {color: # AE 432 9; Font-weight: 700; } # Tabits Container 1 & gt; Lee Selected (range below: 1px solid # f3f8c6;) # tabits container 1 & gt; Li.selected & gt; a {/ * added * / position: relative; top: 0 pixel; z-index: 1; : 0 pixels; / * End * /} ul.level2 {background: # F3F8C6; border: 1px solid # EABF4A; left: 0; position: full; top: 28px; width: 463px; padding: 6px; z-index : 0;} #Teb Container ULL (Float: Left) #Tab Container UL Li Li (Float: Left; Padding: 0 15px 0 4px;} & lt; / style & gt; & lt; / head & gt; LT; body & gt; div class = "tabcontainer" id = "tab container" & gt; & lt; ul id = "tabitemsc Ontainer1 "& gt; li class =" selected "> gt; & lt; ul class =" level2 "& gt;
First of all, IE 6 & gt; Selector Absolutely.
Second, there is no reason to leave a inside li float, making padding and margin on a Code> display: inline-block .
Try changing it and delete other unnecessary rules (such as status , which should not be required either on a ) And see if it helps.
Comments
Post a Comment