原来css显示二级菜单部分：
#access ul li:hover > ul {display: block;}

偶的博客因为已经添加了jQuery库，所以很容易实现动态下拉菜单效果，添加代码：
jQuery(document).ready(function($) {
$('#access ul li').hover(function() {
$('ul', this).slideDown(300)
},
function() {
$('ul', this).slideUp(300)
})
});

使用Jquery后二级菜单在ie6、ie7、ie8、firefox下均能动态显示，但是前天发现在Chrome下虽然可以显示二级菜单，但是却没有动态效果，当时并不在意，今天发现在ie9下也没有动态效果，分析了一下应该是由于添加jQuery后没有删掉css原来的hover部分，浏览器对css和jquery同时执行后影响了显示效果吧，今天把css中的这部分删除了，现在测试均可以了。