Menu déroulant, bataille FF vs IE

Bonjour,

j'ai pas spécialement l'habitude des menus déroulants et après avoir cherché un peu j'ai réussi à bricoler quelque chose (le code ci dessous, sans doute pas très propre).
Ca fonctionne sans soucis sous FF mais les ennuis commencent avec IE. Quelqu'un pourrait il me dire les termes qu'IE ne reconnait pas? Et ce qu'il faudrait utiliser à la place?
J'ai mis en place deux css différents FF/IE pour atténuer leurs différences d'interprétation mais aucunes de mes tentatives ne donne quelque chose sous IE.

Merci beaucoup.

ps: le site est visible ici: http://www.reserveamana.com/accueil.html

<div id="menu1">
<ul class="nv1">
	<li><a href="#"><img src="menu1.bmp"></a>
	<ul class="nv2">
		<li><a href="liens1.html">liens1</a>
		<ul class="nv3">
			<li><a href="ssliens11.html">ssliens11</a>
			<li><a href="ssliens12.html">ssliens12</a>
			<li><a href="ssliens13.html">ssliens13</a>
		</ul>
		<li><a href="liens2.html">liens2</a>
		<li><a href="#">liens3</a>
		<ul class="nv3">
			<li><a href="ssliens31.html">ssliens31</a>
			<li><a href="ssliens32.html">ssliens32</a>
		</ul>
		<li><a href="liens4.html">liens4</a>

	</ul>
</ul>
</div>

css FF (l'essentiel)
----------

#menu1 {height:70px;}

#menu1 ul {list-style-type:none;}
#menu1 li {float:left;margin:auto;padding:0;}
#menu1 li ul {position:absolute;}
#menu1 ul ul.nv2{ display:none;}
#menu1 ul ul ul.nv3{ display:none;}
#menu1 ul.nv3{position: absolute; left:190px; top: 0px;}

#menu1 li a {display:block;width:191px;}

#menu1 li:hover ul.nv2 {display: block}
#menu1 ul li ul li:hover ul.nv3{display:block;}
#menu1 li:hover ul li {float:none;}

CSS IE (l'essentiel, ne fonctionne pas et est surement faux)
-----------

#menu1 ul {list-style-type:none;}
#menu1 li {float:left;margin:auto;padding:0;}
#menu1 li a {display:block;width:191px;}
#menu ul li ul {display:none;}
#menu1 ul li:hover ul {display:block;}
#menu1 li:hover ul li {float:none;}
#menu1 li ul {position:absolute;}
#menu1 {height:70px;}