* { padding:0; margin:0; } body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image: url(assets/immage/square-8.png); } #navigation, #navigation li ul { list-style-type:none; font-size: 12px; } #navigation { font-size: 12px; } #navigation li { float:left; text-align:center; position:relative; font-size: 12px; } #navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; color:#FFFFFF; width:133px; height:30px; line-height:30px; border:1px solid #CCCCCC; border-width:1px 0 0; background:#666666; font-size: 12px; } #navigation li a:hover { color:#FFFFFF; background:#999999; font-size: 12px; } #navigation li ul li a:hover { color:#fff; background:#999999; font-size: 12px; } #navigation li ul { display:none; position:absolute; top:30px; left:0; margin-top:1px; width:134px; font-size: 12px; } #navigation li ul li ul { display:none; position:absolute; top:0px; left:131px; margin-top:0; margin-left:1px; font-size: 12px; }