题目有点简单，不清楚具体问题是什么。
下面写了一下关于鼠标移入移出，li变色的例子，仅供参考。
思路：当鼠标移入时，修改li的背景色，直接用background修改就可以。
鼠标移出时，恢复原来li的背景色。
<body><ul id="ul">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
<script>
var oUl = document.getElementById('ul')
var aLi = oUl.children
for(var i=0i<aLi.lengthi++){
aLi[i].onmouseover = function(){
this.style.background = 'red'
}
aLi[i].onmouseout = function(){
this.style.background = ''
}
}
</script>
你可以用css hack来单独定义谷歌和火狐，谷歌的写法@media screen and (-webkit-min-device-pixel-ratio:0) { .nav{padding:10px}
}
火狐的写法.nav{-moz-padding:10px}
根据你的去写下试试，应改会是ok的，以后只要存在浏览器的兼容性问题，都用这个方法解决很实用，也很方便
