.menu { font-family: arial, sans-serif; width:700px; position:absolute; left:50px; top:70px; font-size:0.85em; /*padding-bottom:250px;*/ z-index:99; } .menu ul { padding:0; margin:0; list-style-type: none; } .menu ul li { float:left; position:relative; } .menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; width:119px; /* 139 */ height:24px; color:#72777a; font-size:15px; letter-spacing:-1px; font-weight:bold; border:1px solid #fff; border-width:1px 0 0 0; background:transparent; padding-left:10px; line-height:23px; } * html .menu ul li a, .menu ul li a:visited { width:129px; /* 149 */ w\idth:119px; /* 139 */ } .menu ul li ul { display: none; } table { margin:-1px; border-collapse:collapse; font-size:1em; } /* specific to non IE browsers */ .menu ul li:hover a { color:#00aa65; background:transparent; } .menu ul li:hover ul { display:block; position:absolute; top:23px; margin-top:1px; left:0; width:150px; } .menu ul li:hover ul li ul { display: none; } .menu ul li:hover ul li a { display:block; background:#00aa65; color:#fff; height:20px; font-size:11px; font-weight:normal; letter-spacing:normal; text-transform: none; line-height:20px; padding:0px 10px; width:109px /* 129 */ } .menu ul li:hover ul li a.drop { background:#008f53; } .menu ul li:hover ul li a:hover { background:#008f53; color:#fff; } .menu ul li:hover ul li:hover ul { display:block; position:absolute; left:150px; top:0; width:130px; /* 150 */ } .menu ul li:hover ul li:hover ul.left { left:-130px; /* -150 */ } /* ------------------ IE --------------------- */