css浏览器兼容问题！！

我用css写的首页导航 悬停有下拉 效果，ie7和360 3.2 都好使，但是其它的 （ie别的版、opera和ff）都不行。怎么不兼容呢
<!--头部导航开始-->
       <div id="header_nav">
       <div class="menu">
<ul><li><a href="/index.htm" title="首页">首页</a></li></ul><ul>
<li><a href="/aboutus.htm" title="关于我们">关于我们</a> 
<ul>
<li><a href="#" title="公司介绍">公司介绍</a></li>
<li><a href="#" title="分支机构">分支机构</a></li>
</ul>
</li>
</ul>
 
 <ul>
<li><a href="/News/Index.htm" title="新闻中心">新闻中心</a>
<ul>
<li><a href="/Product/index.htm" title="公司动态">公司动态</a></li>
<li><a href="/Cooperation.htm" title="业界新闻">业界新闻</a></li>
</li>
</ul>
</ul> 
<ul>
<li><a href="/Product/index.htm" title="产品与案例">产品与案例</a>
<ul>
<li><a href="/Product/index.htm" title="ITO篇">ITO篇</a></li>
<li><a href="/Cooperation.htm" title="BPO篇">BPO篇</a></li>
<li><a href="/hr.htm" title="成功案例">成功案例</a></li>
</li>
</ul>
</ul> 
<ul><li><a href="/Cooperation.htm" title="合作伙伴">合作伙伴</a></li></ul> 
<ul>
<li><a href="/hr.htm" title="招贤纳士">招贤纳士</a>
<ul>
<li><a href="/Product/index.htm" title="职位空缺">职位空缺</a></li>
<li><a href="/Cooperation.htm" title="简历投递">简历投递</a></li>
</li>
</ul>
</ul> 
<ul>
<li><a href="/Contact.htm" title="联系我们">联系我们</a></li>
</ul> </div>
</div>
-----------------------------------css-----------------------------------/* CSS Document */.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
 .menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center; 
width:60px;
}
 .menu ul li ul {
 width:60px;
display: none;
}
 .menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:60px;
}
 .menu ul li:hover ul li a {
display:block;
background:#267296; 
width:60px;
}
 .menu ul li:hover ul li a:hover {
background:#267296; 
width:60px;
}