@CHARSET "UTF-8"; #menu{ width: 1200px; height: 10px; margin: auto; margin-bottom: 6px; } #menu a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; font-weight: bold; } #menu ul{ list-style-type: none; margin: 0px; padding: 0px; margin-top: 3px; } #menu ul li{ list-style-type: none; float: left; padding: 5px 10px; background-color: #9a9a9a; border: 1px solid #000000; position: relative; width: 95px; text-align: center; border-radius: 7px 7px 7px 7px; } #menu ul li ul{ list-style-type: none; position: absolute; top: 27px; left: 0px; display: none; text-decoration: none; color: #ffffff; font-weight: bold; } #menu ul li ul li ul li{ list-style-type: none; position: relactive; float: left; top: -30px; left: 115px; display: none; text-decoration: none; color: #ffffff; font-weight: bold; } #menu a:hover{ font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; color: #ffffff; font-weight: bold; } #menu ul li:hover{ background-color: #babdb6; color: #ffffff; } #menu ul li:hover ul{ display: block; } #menu ul li ul li:hover ul li{ display: block; } #menu ul li ul li ul li:hover ul li{ display: block; }