原来blog导航翻转效果触发形式在IE和FireFox中有区别。在IE中鼠标必须放到文字上面按钮才能翻转，而在FireFox中只要鼠标碰到导航的浅色区域就能触发翻转。看了这篇文章CSS Design: Taming Lists发现了其中的原因：将菜单的有链接部分设置成块元素#header li a{display: block}，除了IE/windows其他浏览器都能正常的将链接区解释成为一个整个的块，要在IE中有同样的效果就要给列表项的链接区域定义一个宽度#header li a{width100%;}。（作者因为没有对li定义宽度所以他写了一个html>body #button li a {width: auto;}以适应非IE浏览器，IE不能解释子选择器">"）
PS:文章中列表#tabs中的CSS和源代码好像有出入，不知道是不是写错了 -_-# 在IE浏览#tabs好像也不是期望的效果...