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

Rispondi quotando
) aiutatemi a cambiarmi la testa !!