Firefox vs. Internet explorer-dynamické menu

Mám opět problém s tagy fungujícími v jednom a nefungujícími v druhém...
Potřebuji dynamické menu, které by fungovalo v obojím.
to co mám mi fachá jen ve firefoxu.
Já to mám takto.....

<style type="text/css" media="screen">
#menu {width: 150px; font:0.83em Verdana, sans-serif;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li, #menu ul.sub li {margin: 0; padding: 0; width: 100%;}
#menu h3 {font-size: 1em; margin:0; padding: 1px; border: 1px solid yellow;}
#menu li > h3 {margin-bottom: 0.2em;}
#menu h3 a {display: block; text-decoration: none; width: 100%;}
#menu h3 a:hover {background-color: #DDD; color: inherit;}
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.sub li a {display: block; margin: 0; border-left: 10px solid white;}
#menu ul.sub li a:hover {background-color: #EEE; color: inherit; border-left: 10px solid yellow;}

#menu ul li.main:hover h3 a {background-color: black; color: yellow;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; top: 0; left: 150px; z-index:10; width: 150px; visibility: hidden; padding-bottom: 1em;}
#menu ul li.main:hover ul.sub {visibility: visible;}


</style>

<table bgcolor="black">
<div id="menu">
<ul>
<li class="main" >
<h3><a href="pp.htm" target="obsah">Pp</a></h3>
<ul class="sub">
<li><a href="hanka.htm" target="obsah">Háňa</a></li>
<li><a href="vokurka.htm" target="obsah">Vokurka</a></li>

<li><a href="petra.htm" target="obsah">Petra</a></li>
<li><a href="alice.htm" target="obsah">Allie</a></li>
<li><a href="radka.htm" target="obsah">Radusha</a></li>
<li><a href="joska.htm" target="obsah">Joska</a></li>
</ul>
</li>
<li class="main" >
<h3><a href="randezvous.htm" target="obsah">Randez-vous</a></h3>

</li>
<li class="main" >
<h3><a href="fotogalerie.htm" target="obsah">Fotogalerie</a></h3>
<ul class="sub">
<li><a href="2000.htm" target="obsah">2000-2003</a></li>

<li><a href="2004.htm" target="obsah">2004</a></li>
<li><a href="2005.htm" target="obsah">2005</a></li>

</ul>
</li>

<li class="main" >
<h3><a href="rozhovor.htm" target="obsah">My�lenkový pochody</a></h3>
</li>
<li class="main" >
<h3><a href="http://www.blueboard.cz/kniha_0.php?id=65695" target="obsah">Náv�těvní bichle</a></h3>
</li>
<li class="main" >
<h3><a href="links.htm" target="obsah">Links</a></h3>
</li>

<li class="main" >
<h3><a href="Load_Your_Bike.wmv" target="_blank">What about that car?</a></h3>
</li>
</ul>
</div>

Co s tím?

Kam a jak ho mám připojit...asi se vám to zdá banální, ale já dělám s dhml poprvé..