<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"> <br/> <style type = "text/CSS"> <! -- # Menu {width: 500px; padding: 0; margin: 40px auto; List-style-type: none; display: Table ;}# menu Li {width: 100px; float: left; line-Height: 30px} # menu A {position: relative; display: block; text-Decoration: none; Background: # cccccccc; width: 100px ;} # menu a span {display: block; font-weight: bold; color: #000; border-style: solid; border-width: 0px 2px 2px 0px; border-color: # fff # 06a # FFF; text-align: center ;}# menu a em {display: None ;}# menu A: hover {Background: # ff0000 ;} # menu A: hover span {color: # fff ;}# menu A: hover em {display: block; overflow: hidden; Border: 6px solid # 06a; border-color: # 06a # FFF; border-width: 6px 6px 0 6px; position: absolute; left: 50%; top: 100%; margin-left:-6px ;} --> </style> <ul id = "menu"> <li> <span> m one </span> <em> </LI> <li> <span> M two </span> <em> </LI> <li> <span> M three </span> <em> </em> </LI> <li> <span> M four </span> <em> </LI> </ul> <p>