div#submenuContainer { float: left; margin: 0; } div#submenuContainer ul { margin: 0; padding: 0; width:250px; } /* Fix IE. Hide from IE Mac \*/ * html div#submenuContainer ul li { float: left; } * html div#submenuContainer ul li a { height: 1%; } /* End */ div#submenuContainer li { list-style: none; background-color: #FFFFFF; } div#submenuContainer li a { display: block; padding: 4px 6px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12; color: #0a137d; font-weight: bold; font-style: normal; width:180px; border-bottom: 1px dashed #0a137d; /* border-top: 1px solid #0a137d; border-left: 1px solid #0a137d; border-right: 1px solid #0a137d; */ } html>body div#submenuContainer li a { display: block; padding: 4px 6px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12; color: #0a137d; font-weight: bold; font-style: normal; width:166px; border-bottom: 1px dashed #0a137d; /* border-top: 1px solid #0a137d; border-left: 1px solid #0a137d; border-right: 1px solid #0a137d; */ } div#submenuContainer li:hover { background-color: #56b5ef; position: relative; } div#submenuContainer li a:hover { color: #FFFFFF; } div#submenuContainer a#active { background: #56b5ef; color: #FFFFFF; } div#submenuContainer ul li ul li a { width: auto; } div#submenuContainer ul li ul li a:hover { background-color: #56b5ef; } div#submenuContainer > ul a { width: auto; } div#submenuContainer ul ul { position: absolute; top: 0; left: 100%; display: none; border-top: #0a137d 1px dashed; margin-top: -1px; } div#submenuContainer ul ul, div#submenuContainer ul li:hover ul ul, div#submenuContainer ul ul li:hover ul ul {display: none;} div#submenuContainer ul li:hover ul, div#submenuContainer ul ul li:hover ul, div#submenuContainer ul ul ul li:hover ul {display: block;} div#submenuContainer ul li:hover ul { display: block; position: absolute; left: 100%; top: 0; }