<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DownListMenu</title>
<style type="text/css">
body{ margin:0px; padding:0px; font-size:14px; color:#00737a;}
.Menu,.Menu1{
background-image:url(bt_03.jpg);
width:166px;
height:28px;
z-index:20;
position:absolute;
}
.Menu{ float:left;}
.Menu{ margin-left:167px;}
span{ display:none;}
.List{ padding-top:30px;}
ul.List{ list-style:none; padding:0px; margin:0px;}
.List li{background-image:url(bt_05.jpg); width:166px; height:23px; text-align:center;}
.Menu h3,.Menu1 h3{margin:0px; padding:0px; width:166px; height:28px;}
a:link,a:visited{color:#00737a; text-decoration:none;}
a:hover{ color:#FFF;}
li:hover{ background-image:url(bt_06.jpg);}
.Menu ul,.Menu1 ul{ display:none;}
.Menu:hover ul,.Menu1:hover ul{ display:block;}
li{padding-top:5px; }
.conter{width:600px; border:#06C solid 2px; padding-top:15px; line-height:200%;}
</style>
</head>
<body>
<div class="Menu">
<h3 class="title"><span>想吃点什么？</span></h3>
<ul class="List">
<li><a href="#">清蒸大傻哥</a></li>
<li><a href="#">大傻哥全餐</a></li>
<li><a href="#">红烧大傻哥</a></li>
<li><a href="#">大傻哥火锅</a></li>
</ul>
</div>
<div class="Menu1">
<h3 class="title"><span>想吃点什么？</span></h3>
<ul class="List">
<li><a href="#">清蒸大傻哥</a></li>
<li><a href="#">大傻哥全餐</a></li>
<li><a href="#">红烧大傻哥</a></li>
</ul>
</div>
<div class="conter">
<p>这里是正文内容...</p>
</div>
</body>
</html>
