<style type="text/css">
*{margin:0; padding:0;}
body{font-size:12px; font-family:"Times New Roman", Times, serif;top: 0px; }
#main{}
#main ul{list-style:none;}
#main ul li{line-height:20px; border-bottom:1px dashed #FC0; float:left}
#main ul li a{color:red; text-decoration:none; display:block;}
#main ul li a div{display:none;}
#main ul li a:hover{ visibility:visible; color:blue; position:relative;}
#main ul li a:hover div{position:absolute; left:110px; top:-50px; background-color:#FFF; display:block; width:200px; height:220px; color:#000; z-index:100;}
#main ul li a:hover div dt{float:left; width:8px; height:120px; display:block; background-color:#333;}
#main ul li a:hover div dd{float:right; width:270px; height:auto; line-height:18px; padding:6px 10px;}
</style>