<ul> v Exploreru

Čau lidi,

mám vytvořené stránky. Zatím nic zvláštního. Menu je tam tvořeno tímto způsobem:

<div id="menu">
<h3>Menu</h3>
<ul>
<li><a href="xxx">Hlavní strana</a></li>
<li><a href="xxx">Něco o mně</a></li>
<li><a href="xxx">Napište mi</a></li>
<li><a href="xxx">O stránkách</a></li>
</ul>
<h3>Kategorie</h3>
<ul>
<li><a href="xxx">Ankety a otázky</a></li>
<li><a href="xxx">Veselé hádanky</a></li>
<li><a href="xxx">Rébusy</a></li>
</ul>
<h3>Odkazy</h3>
<ul>
<li><a href="xxx">Medhiho fotoblog</a></li>
<li><a href="xxx">Jak psát web</a></li>
<li><a href="xxx">Další...</a></li>
</ul>
</div>

A vše normálně a validně nastylované. V Mozille (a myslím, že i v Opeře) se to zobrazuje tak jak má. V divu s paddingem 1em a li s left-paddingem 1em. Ale v Internet Exploreru 6 (možná i v jiných verzích) se první ul odsadí asi o 2em, aniž bych něco takového zadával. Když teda tomu prvnímu nastavím hack _margin-left: 0em, už se zobrazí správně, ale zase ten druhý poskočí doprava.

Tady je ta stránka:
http://agecko.wz.cz/nove/hadanky/index.php
a styl:
http://agecko.wz.cz/nove/styles/styles.css

Udělal jsem někde chybu já, nebo blbne Explorer? Předem díky za odpovědi.

(PS: Když už tam je ukázka toho webu, můžete mi to trochu ohodnotit, co byste změnili apod? Je to teprve pracovní verze. Dík :-)

no ale pak to Mozilla odsadí jinak, ba co víc, v tom se liší Opera a Mozilla - ty se blbě "filtrují" css hackama