三级以上菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
/* common styling */
.menu { width:1000px; position:relative; margin:0; font-size:12px; margin:0px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:110px; height:33px; text-align:center; color:#fff; line-height:33px; font-size:12px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:33px; left:0; width:105px;}
.menu ul li:hover ul li a.hide { color:#fff;}
.menu ul li:hover ul li:hover a.hide { color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#204C93; color:#000;}
.menu ul li:hover ul li a:hover {background:#c7c7c7; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0px;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
</style>

<center>
<div class="menu">
<ul>
<li><a href="#"><img src="images/index_09.jpg" width="109" height="33" border="0"></a>
</li>
<li><a class="hide" href="index.html"><img src="images/index_10.jpg" width="110" height="33" border="0"></a>

<ul>
<li><a class="hide" href="#" >董事长致词</a></li>
<li><a class="hide" href="#menu/hover_click.html" title="Hover/click with no active/focus borders">公司介绍 ></a>

<ul>
<li><a href="#" >公司简介</a></li>
<li><a href="#" >组织机构</a></li>
</ul>

</li>

<li><a class="hide" href="2.html" >企业文化 ></a>

<ul>
<li><a href="#">企业愿景</a></li>
<li><a href="#">企业宗旨</a></li>
<li><a href="#">企业哲学</a></li>
<li><a href="#">企业价值观</a></li>
<li><a href="#">企业精神</a></li>
<li><a href="#">企业风气</a></li>
<li><a href="#">企业道德</a></li>
<li><a href="#">企业风行</a></li>
<li><a href="#">行业准则</a></li>
<li><a href="#">企业名称释义</a></li>
<li><a href="#">VI释义</a></li>
<li><a href="#">注册商标</a></li>
<li><a href="#">获得奖项</a></li>
<li><a href="#">相关资质</a></li>
</ul>

</li>
</ul>

</li>
<li><a class="hide" href="#layouts/index.html"><img src="images/index_11.jpg" width="110" height="33" border="0"></a>

<ul>
<li><a href="#layouts/bodyfix.html" title="Cross browser fixed layout">北京地区</a></li>
<li><a href="#layouts/body2.html" title="Cross browser fixed layout">天津地区</a></li>
<li><a href="#layouts/body4.html" title="Cross browser fixed layout">河北地区</a></li>
<li><a href="#layouts/body5.html" title="Cross browser fixed layout">东北地区</a></li>
<li><a href="#layouts/minimum.html" title="A simple minimum width layout">其他省市</a></li>
</ul>

</li>
<li><a class="hide" href="#boxes/index.html"><img src="images/index_12.jpg" alt="" width="110" height="33" border="0" /></a>

<ul>
<li><a href="spies.html" title="文化石">文化石系列</a>
<ul>
<li><a href="#layouts/bodyfix.html" title="Cross browser fixed layout">成型石</a></li>
<li><a href="#layouts/minimum.html" title="A simple minimum width layout">……</a></li>
</ul>
</li>
<li><a href="#" >文化砖系列</a>

<ul>
<li><a href="#layouts/bodyfix.html" title="Cross browser fixed layout">仿古砖</a></li>
<li><a href="#layouts/minimum.html" title="A simple minimum width layout">……</a></li>
</ul>

</li>
</ul>

</li>
<li><a class="hide" href="#mozilla/index.html"><img src="images/index_13.jpg" width="111" height="33" border="0"></a>

<ul>
<li><a href="#mozilla/dropdown.html" title="A drop down menu">营销中心</a></li>
<li><a href="#mozilla/cascade.html" title="A cascading menu">区域分布</a></li>
<li><a href="#mozilla/content.html" title="Using content:">网上直销</a></li>
<li><a href="#mozilla/moxbox.html" title=":hover applied to a div">售后服务</a></li>
<li><a href="#mozilla/rainbow.html" title="I can build a rainbow">战略联盟</a></li>
</ul>

</li>
<li><a class="hide" href="#ie/index.html"><img src="images/index_14.jpg" width="110" height="33" border="0"></a>

<ul>
<li><a href="#ie/exampleone.html" title="Example one">行业动态</a></li>
<li><a href="#ie/weft.html" title="Weft fonts">企业新闻</a></li>
<li><a href="#ie/exampletwo.html" title="Vertical align">实事快讯</a></li>
<li><a href="#ie/exampletwo.html" title="Vertical align">雅斯商报</a></li>
</ul>

</li>
<li><a class="hide" href="#opacity/index.html"><img src="images/index_15.jpg" width="110" height="33" border="0"></a>

<ul>
<li><a href="#opacity/colours.html" title="colour wheel">点将台</a></li>
<li><a href="#opacity/picturemenu.html" title="a menu using opacity">网上应聘</a></li>
<li><a href="#opacity/png.html" title="partial opacity">面试通知</a></li>

</ul>

</li>
<li><a class="hide" href="#ie/index.html"><img src="images/index_16.jpg" width="110" height="33" border="0"></a>

<ul>
<li><a href="#ie/exampleone.html" title="Example one">商务论坛</a></li>
<li><a href="#ie/weft.html" title="Weft fonts">技术论坛</a></li>
</ul>

</li>
<li><a class="hide" href="#ie/index.html"><img src="images/index_17.jpg" width="120" height="33" border="0"></a>


</li>