Style compatibility issue Urgent Urgent Urgent_html/css_WEB-ITnose

.navigation_menu{ width:100%; height: 36px; background-image:url(../Images/van.jpg); background-repeat:no-repeat; margin:0px auto; padding:0px;}
.navigation_menu ul { width:94%; height:36px; margin:0px auto; padding:0px;}
.navigation_menu ul li { position:relative; float:left; list-style-type:none;}
.navigation_menu ul li a, .navigation_menu ul li a:visited { width:70px;height:36px; line-height:36px; color:#ff5a00; text-align:center; text-decoration:none; display:block;}
.navigation_menu ul li ul { display: none;}
.navigation_menu ul li:hover a { color:#fff; font-weight:bold; background-image:url(../Images/home.png); background-repeat:no-repeat;}
.navigation_menu ul li:hover ul { width:70px; position:absolute; top:36px; left:0; display:block;}
.navigation_menu ul li:hover ul li a { height:30px; background:#3dc6fc; color:#FFFFFF; font-weight:lighter; display:block;}
.navigation_menu ul li:hover ul li a:hover { background:#0b97ce; color:#FFFFFF; font-weight:bold;}
这段样式不兼容IE6，其它的都可以，怎么改

回复讨论(解决方案)

IE6只支持a元素的伪类样式，用JS来解决吧。

tong同意楼上的 用js吧

http://www.wufangbo.com/ie6-ie7-ie8-css-bug-2/