<ul id="nav">
<li class="mainlevel"><a href="#"><strong>首页</strong></a></li>
<li class="mainlevel"><a href="#"><strong>公司简介</strong></a>
<ul>
<li><a href="#">企业文化</a></li>
<li><a href="#">公司理念</a></li>
<li><a href="#">公司机构</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</li>
<li class="mainlevel" id="mainlevel_03"><a href="#"><strong>工程案例</strong></a></li>
<li class="mainlevel" id="mainlevel_04"><a href="#"><strong>服务范围</strong></a></li>
<li class="mainlevel" id="mainlevel_05"><a href="#"><strong>客户咨询</strong></a></li>
<li class="mainlevel" id="mainlevel_06"><a href="#"><strong>诚聘英才</strong></a></li>
<li class="mainlevel" id="mainlevel_07"><a href="#"><strong>联系我们</strong></a></li>
</ul>
css//
#nav { width:934px; display:block; font-size:12px;}
#nav .jquery_out {float:left;line-height:21px;display:block; border-right:1px solid #fff; text-align:center; color:#fff;}
#nav .mainlevel { background-color:#a6a5a3; float:left; width:132px; margin-right:1px;}
#nav .mainlevel a {color:#eff0f2; text-decoration:none; font-size:14px; line-height:21px; display:block; padding:0; width:132px;}
#nav .mainlevel a:hover {color:#000000; text-decoration:none; background-color:#8a361c;}
#nav .mainlevel ul {display:none;position:absolute;}
#nav .mainlevel li {border-top:1px solid #fff; background:#89857c; filter:alpha(opacity=80); width:132px;}
#nav .mainlevel li a{color:#000000; font-size:12px;}
#nav .mainlevel li a:hover{color:#ffffff; text-decoration:none; font-size:12px; background-color:#8a361c; position:fixed;}
下拉菜单怎么才能不跑偏