css下拉菜单本地正常，上传后360浏览器中显示错位，火狐、IE8显示正常

css下拉菜单，本地测试360、火狐、IE8显示正常
上传后，只有在360浏览器中显示错位
请问如何解决
貌似这里不让写网址……
确认了，在IE7中显示错位
CSS下拉菜单
搜 airts 就能找到北京京创鑫业科技有限公司的网址

首先你使用 #header .row-2 ul li:hover 这样ie6就不支持了。ie6支持的hover目前我知道的只有a标签。
要单纯用css实现下拉，在ie下是兼容不了的。我给你改成js版，喜欢就用吧。
1，style.css修改的部分：
原码：
#header .row-2 ul li ul {
display: none;
}

#header .row-2 ul li:hover ul {
display:block;
width:165px;
height:auto;
position: absolute;
}
#header .row-2 ul li:hover ul li a {
padding-top:2px;
display:block;
color:#FFF;
}
#header .row-2 ul li:hover ul li a:hover {
background:url(images/nav-tail.gif) repeat-x left top;
padding-top:2px;
color:#81bb00;
}

修改为：
#header .row-2 ul li ul {
display:none;
width:165px;
height:auto;
position: absolute;
top:161px;
}
#header .row-2 ul li ul li{float:none}
#header .row-2 ul li ul li a {
padding-top:2px;
display:block;
color:#FFF;
}
#header .row-2 ul li ul li a:hover {
background:url(images/nav-tail.gif) repeat-x left top;
padding-top:2px;
color:#81bb00;
}

2，网页的修改，在网页最后，</html>后面加上下面js就可以
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.row-2>ul>li').hover(
function(){
$('ul',this).css('left',$(this).offset().left);
$('ul',this).show()
},
function(){$('ul',this).hide()}
);
});
</script>

3，就这样，我这里测试支持ie及其他标准浏览器

ps.现在菜单的显示的简单是显示和隐藏，可以该成
淡入淡出：
$('ul',this).show() 改为 $('ul',this).fadeIn()
$('ul',this).hide() 改为 $('ul',this).fadeOut()
滑动：
$('ul',this).show() 改为 $('ul',this).slideDown()
$('ul',this).hide() 改为 $('ul',this).slideUp()

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/02sccfisc.html