多个并列同方向浮动元素高度不一致，如何解决_html/css_WEB-ITnose

<div id="Header"><!-- --页面头部 ---->        
<div id="menu">            
<ul>                
<li>首页</li>                    <li class="menuDiv"></li>                    <li>博客</li>                    <li class="menuDiv"></li>
<li>设计</li>                    <li class="menuDiv"></li>                    <li>相册</li>                    <li class="menuDiv"></li>                    <li>论坛</li>                    <li class="menuDiv"></li>                    <li>关于</li>                 </ul>        
</div></div>

#menu {padding:20px 20px 0 0}
/* 固定导航栏位置 */
#menu ul {float:right;list-style:none;margin:0px;}
/* 添加float：right是的导航栏位于页面右侧 */
#menu ul li {float:left;margin:0 10px;display:block;line-height:28px;}
/* 列表向左浮动，左右间距10px */
.menuDiv {width:1px;height:28px;background-color:#999}
//制作导航条时反复用到的竖线
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666;} /* 超链接样式 */
#menu ul li a:hover{}

回复讨论(解决方案)

css reset了吗

浏览器显示的问题。。。。。