body{ margin: 0; padding: 0; background-color: red; } #container{ margin-left: auto; margin-right: auto; width: 1000px; height: 700px; } #menu{ width: 1000px; height: 45px; background-color: pink; text-align: center; } #menulist{ list-style-type: none; display: inline-block; text-align: center; margin: 0; padding: 0; font-size: 25px; } #menulist > li{ float: left; display: inline-block; text-align: center; width: 150px; height: 45px; border-left; 1px green dashed; } #menulist > li:last-child{ border-right: 1px #990033 dashed; } #menulist > li > ul{ padding: 0; margin: 0; text-align: center; list-style-type: none; background-color: blue; display: none; position: relative; } #menulist > li:hover{ background-color: #ff9090 } #menulist > li:hover > ul{ display: block; } #menulist > li:hover > ul > li:hover{ background-color: orange; } #menulist a{ color: black; text-decoration: none; display: block; }