[SOLVED] IE is indenting my submenu - what am I missing?

[michaellunsford]

I've gone through this a dozen times. IE 7 indents the submenu, and it's driving me crazy. I know it's some default style I'm forgetting to reset - but which one? Ugh...

 

ps> works in FireFox, Safari, Opera, Camino, SeaMonkey, Flock, blah blah

 

live example:

http://qqad.com

 

@charset "UTF-8";
/* CSS Document */
#menu {
background:#69b7c5;
height:38px;
width:781px;
margin:0 auto;
font:13px normal Arial, Helvetica, sans-serif;
}
#menu ul {
padding:0;
margin:0;
cursor:pointer;
}
#menu ul li {
width:110px;
float:left;
height:30px !important;
list-style-type: none;
background:#69B7C5;
padding-top:4px;
padding-bottom:2px;
text-align:center;
}
#menu ul li ul {
position:absolute;
display:none !important;
float:none !important;
background:#157e93 !important;
border:2px solid #157e93;
border-top:none;
width:110px;
}
#menu ul li:hover > ul, ul li ul:hover {
display:block !important;
}
#menu ul li a {
text-decoration:none !important;
display:block;
color:#000 !important;
height:30px;
}
#menu ul li:hover > a, ul li > ul a:hover {
background:#157e93;
}

[michaellunsford]

Got it!

 

#menu ul li ul {
   position:relative; /* changed from absolute to relative */