Problema visualizzazione menù...

Salve,
ho creato un menù Click, quello rosso che potete vedere a sinistra...
Con chrome si vede bene, con IE... Click...
il fatto è che...questo menù l'ho copiato esattamente da un mio vecchio sito (QUI) qual è la differenza? vi posto anche il css...

.menulink {background-image: url('http://residentprojectd.altervista.org/bottone2.png');}
.menulink:hover {background-image: url('http://residentprojectd.altervista.org/bottone3.png');}
.mheadertop {backgrounnd-image: url('http://residentprojectd.altervista.org/menutop.png');}
.nowrap {

white-space: nowrap;

}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}

ul li {
	position: relative;
	}


li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}


ul li a {
	display: block;
	text-decoration: none;
	padding: 0px;
	}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

li:hover ul { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 0%; }
/* End */

li:hover ul, li.over ul { 
	display: block; }

questo menù l'ho copiato esattamente da un mio vecchio sito (QUI) qual è la differenza?

Hai copiato il css, ma il codice html è diverso, cmq anche su mozilla si vede male.

si anche con mozilla ho visto comunque..questo e´ l'html del vecchio sito

<div style="background-image: url('http://residentevilbfth.altervista.org/immaginisito/img_menu_top.png'); height: 25px; border-bottom: 1px solid;">&nbsp;
</div> 
 
<ul id="nav" class="mheaderleft"> 
 <li><a class="mheaderleftlink" href="forum">Forum</a></li></ul> 
 
<ul id="nav" class="mheaderleft"> 
 <li><a class="mheaderleftlink" href="/">News</a></li></ul> 
 
<ul id="nav" class="mheaderleft"> 
<li><a class="mheaderleftlink" href="/">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> 
  <ul> 
   <li class="mheaderleft">Link4</li> 
   <li class="mheaderleft">Link5..</li> 
   <li class="mheaderleft">Link6....</li> 
  </ul> 
 </li> 
</ul>

</div>

Questo invece e´ l'html del nuovo...

<td width="20%"> 
<div align="right"> 
<div style="background-image: url('http://residentevilbfth.altervista.org/immaginisito/img_menu_top.png'); border-bottom: 1px solid black; width: 150px; height: 25px;">&nbsp;
</div> 
 
<ul id="nav" class="mheaderleft"> 
 <li><a class="mheaderleftlink" href="forum">Forum</a></li></ul> 
 
<ul id="nav" class="mheaderleft"> 
 <li><a class="mheaderleftlink" href="/">News</a></li></ul> 
 
<ul id="nav" class="mheaderleft"> 
<li><a class="mheaderleftlink" href="/">1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> 
  <ul> 
   <li style="background-image: url('http://residentevilbfth.altervista.org/immaginisito/img_menu_top.png'); width: 150px;                                border-bottom: 1px solid black; height: 25px;">&nbsp;</li> 
   <li class="mheaderleft"><a class="mheaderleftlink" href="/">Link1...</a></li> 
   <li class="mheaderleft">Link5..</li> 
   <li class="mheaderleft">Link6....</li> 
   <li style="background-image: url('http://residentevilbfth.altervista.org/immaginisito/img_menu_bottom.png'); width: 150px; height: 25px;">&nbsp;
</li> 
 
  </ul> 
 
 </li> 
</ul> 
<div style="background-image: url('http://residentevilbfth.altervista.org/immaginisito/img_menu_bottom.png'); width: 150px; height: 25px;">&nbsp;
</div> 
</div>

Qual e` la differenza che lo rende...una schifezza con mozilla e IE?...