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...

Codice HTML:

---

.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; }

---

Citazione:

---

Originalmente inviato da ResidentProJectD

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

Codice HTML:

---

<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...

Codice HTML:

---

<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?...