problems with Suckerfish menu in IE

Doesn't align properly...

[deepseacreatures]

Hi,

I'm having problems getting my table to act properly in IE. It's supposed to drop straight down when you hover. It behaves properly in Firefox and Safari and Netscape, but in IE (Mac and PC) it drops down to the RIGHT. What can I do to fix this? Thank you in advance for all of your help.

My CSS:

ul {
 padding: 0;
 margin: 0;
 list-style: none;
 }
 
li {
 float: left;
 position: relative;
 width: 10em;
 }
 
li ul {
 display: none;
 position: absolute;
 background-color: #305722;
}
li > ul {
top: auto;
left: auto;
}
li:hover ul, li.over ul{ display: block; }

And the HTML:

<ul>
 <li><img src="images/apartments.png" width="112" height="20" />
 <ul>
 <li><a href="vahighland.html">Virginia Highlands</a></li>
 <li><a href="midtown.html">Midtown</a></li>
 <li><a href="buckhead.html">Buckhead / Peachtree Hills</p></a></li>
 </ul>
 </li>
</ul>

[DanA]

Try to set left and top in li ul

[Marshall]

What doctype are you using. If it's XHTML, ul cannot be a child of li.

Mashall