Hi guys,
im having a problem again with this outdated and buggy IE6. My menu look like this on IE6
it looks good in IE 7 above, FF and Google Chrome…
/*side nav*/
#sideNav { padding:5px; width:150px; float:left; background:#FFF; margin:0 0 15px 0}
#header-logo { width:105px; height:105px; float:left; margin-right:23px; }
#header-logo a { width:105px; height:105px; display:block; }
#sideNav ul#sideNav-left { float:left; width:130px; margin-right:17px; list-style: none; padding: 0; margin: 0; }
#sideNav ul#sideNav-left li a {width:130px; padding: 5px 0px 1px 0px; float:left; text-transform:none; font-size:1.0em;clear:both; text-decoration: none; }
li a.home { border-bottom:1px solid #b1d239; color:#6F6F6F; } li a.home:hover { color:#b1d239;} li a.home_on { border-bottom:1px solid #b1d239; color:#b1d239; }
li a.m1 { border-bottom:1px solid #fc11b1; color:#6F6F6F; } li a.m1:hover { color:#fc11b1; } li a.m1_on { border-bottom:1px solid #fc11b1; color:#fc11b1; }
li a.m2 { border-bottom:1px solid #1c6300; color:#6F6F6F; } li a.m2:hover { color:#1c6300; } li a.m2_on { border-bottom:1px solid #1c6300; color:#1c6300; }
li a.m3 { border-bottom:1px solid #00aeff; color:#6F6F6F; } li a.m3:hover { color:#00aeff; } li a.m3_on { border-bottom:1px solid #00aeff; color:#00aeff; }
li a.m4 { border-bottom:1px solid #a6a593; color:#6F6F6F; } li a.m4:hover { color:#a6a593; } li a.m4_on { border-bottom:1px solid #a6a593; color:#a6a593; }
li a.m5 { border-bottom:1px solid #ff8601; color:#6F6F6F; } li a.m5:hover { color:#ff8601; } li a.m5_on { border-bottom:1px solid #ff8601; color:#ff8601; }
li a.m6 { border-bottom:1px solid #fd0e0d; color:#6F6F6F; } li a.m6:hover { color:#fd0e0d; } li a.m6_on { border-bottom:1px solid #ff8601; color:#fd0e0d; }
li a.m7 { border-bottom:1px solid #eef6fb; color:#6F6F6F; } li a.m7:hover { color:#eef6fb; } li a.m7_on { border-bottom:1px solid #eef6fb; color:#eef6fb; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<div id="sideNav">
<ul id="sideNav-left">
<li>
<a href="#" target="_parent" title="" class="m1">Text</a>
</li>
<li>
<a href="#" target="_parent" title="" class="m2">Text/a>
</li>
<li>
<a href="#" target="_parent" title="" class="m3">Text</a>
</li>
<li>
<a href="#" target="_parent" title="" class="m4">Text</a>
</li>
</ul>
</div>