大家先可以看看http://www.gxkfw.com/About-index-code-5.html这个页面的效果，用鼠标放上去，有个橘黄色的框。我们今天要提到的就是制作这样效果的小技巧。

    如果用的是 li:hover{border:#ccc 1px solid}，在火狐、IE7里能获得正确的效果，但在IE6.0里就不行了。那么有什么办法是可以做到 火狐、IE6、IE7都能兼容呢。举例如下：

    #show li.s1{ border:1px solid #ff9900; background:#454242;}

    #show li.s2{ border:1px solid #D9D8D8; background:#312E2E;}

    <ul id="show">

    <li onMouseOver="this.className='s1'" onMouseOut="this.className='s2'"></li>

    </ul>

大家赶紧试试去吧！