Con firefox va benissimo, mentre su IE non funziona.
č un menų riferito alla pagina : http://www.negozioplaymobil.com/test/

Il Layout č da mettere a posto, perchč č un misto tra layout liquido e layout fisso, siccome sono alle prime armi con i css (ho sempre lavorato in web1 e solo ora - lo so sono in ritardo - mi adatto al web2), ma non č questo il problema che vi pongo.

Aiutatemi a mettere a posto la compatibilitā con i browser!!!
datemi delle dritte per capire come ottimizzare la compatibilitā.

codice:
/* MENU SUPERIORE */

#menu {
   width: 100%;
   background: #eee;
   float: left;
   }

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   width: 12em;
   float: left;
   }

#menu a, #menu h2 {
   font: bold 11px/16px arial, helvetica, sans-serif;
   display: block;
   border-width: 1px;
   border-style: solid;
   border-color: #ccc #888 #555 #bbb;
   margin: 0;
   padding: 2px 3px;
   }

#menu h2 {
   color: #fff;
   background: #000;
   text-transform: uppercase;
   }

#menu a {
   color: #9a0009;
   background: #e39100;                                 
   text-decoration: none;
   }

#menu a:hover {
   color: #a00;
   background: #fff;
   }

#menu li {position: relative;}

#menu ul ul {
   position: absolute;
   z-index: 500;
   }

#menu ul ul ul {
   position: absolute;
   top: 0;
   left: 100%;
   }

div#menu ul ul {
   display: none;
   }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
   {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
   {display: block;}