<style type="text/css"> #menu { width:400px; margin:auto; } .first_Menu { display: block; position: relative; float: left; line-height: 30px; background-color: blue; border-right:blue 1px solid; } .first_Menu a { margin: 10px; color: #FFFFFF; font-size:20px; text-decoration: none; } .first_Menu:hover > ul { display:block; position:absolute; } .sub_Menu { display: none; } .sub_Menu li { background-color: azure; line-height: 30px; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; width:100%; } .sub_Menu li a { color: #000000; } ul { list-style: none; margin: 0; padding: 0px; min-width:10em; } ul ul ul { left: 100%; top: 0; margin-left:1px; } li:hover { background-color: red; } .first_Menu li:hover { background-color: #d0d0d0; } .expand { font-size:12px; float:right; margin-right:5px; } </style>