ho un problema con firefox... su explorer il menu si vede bene mentre su firefox è invisibile
vi incollo il codice della pagina

Codice PHP:
<html>
 <head>
  <style type="text/css">
  
   html,body { margin: 0; padding: 0; }
   body { text-align: center; background-color: black; }
   #container { background-color: rgb(101,41,154); width: 716px; height: 768px; }
   #lato1 { background-image: url(lato1.gif); width: 42px; height: 768px; float: left; } 
   #lato2 { background-image: url(lato2.gif); width: 42px; height: 768px; float: right; }
   #cont { background-color: rgb(101,41,154); width: 632px; height: 768px; float: left; }
   #header { background-color: rgb(101,41,154); width: 632px; height: 233px; }
   #hsx { background-image: url(hsx.jpg); width: 219px; height: 233px; float: left; }
   #hdx { background-image: url(hdx.jpg); width: 413px; height: 233px; float: right; } 
   #cont2 { background-color: yellow; width: 632px; height: 535px; }
   #sx { background-image: url(menu.jpg); width: 219px; height: 535px; float: left; }
   #dx { background-image: url(content.jpg); width: 413px; height: 535px; float: right; }
   #menusx { background-image: url(menus.jpg); width: 108px; height: 535px; float: left; }
   #menu { background: blue; width: 111px; height: 535px; float: right; }
   #scritte { background-image: url(menuvuoto.jpg); width: 111px; height: 150px; } 
   #sfondo { background-image: url(menusotto.jpg); width: 111px; height: 385px; }
   #scritte ul { top: 0; left: 0; margin: 0; padding: 0; }
   #scritte a { text-decoration: none; color: black; }
   #home { margin-top: 8px; background-image: url(home.jpg); width: 104px; height: 23px; }
   #catalogo { background-image: url(catalogo.jpg); width: 104px; height: 22px; }
   #gadgets { background-image: url(gadgets.jpg); width: 104px; height: 20px; }
   #dove { background-image: url(dove.jpg); width: 104px; height: 23px; }
   #foto { background-image: url(foto.jpg); width: 104px; height: 27px; }
   #home:hover { background-image: url(home1.jpg); width: 104px; height: 23px; }
   #catalogo:hover { background-image: url(catalogo1.jpg); width: 104px; height: 22px; }
   #gadgets:hover { background-image: url(gadgets1.jpg); width: 104px; height: 20px; }
   #dove:hover { background-image: url(dove1.jpg); width: 104px; height: 23px; }
   #foto:hover { background-image: url(foto1.jpg); width: 104px; height: 27px; }

<!--
container lato1 cont lato2
cont header cont2
header hsx hdx
cont2 sx dx
sx menusx menu
-->

  </style>
 </head>

 <body>
  
  <div id="container">
   <div id="lato1"></div>
   <div id="cont">   
    <div id="header">
     <div id="hsx"></div>
     <div id="hdx"></div>
    </div>
    <div id="cont2">
     <div id="sx">
      <div id="menusx"></div>
      <div id="menu">
      <div id="scritte">
        <ul>[*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][/list]
       </div>
       <div id="sfondo"></div>
      </div>
     </div>   
     <div id="dx"></div>
    </div>  
   </div>
   <div id="lato2"></div>
  </div>

 </body>
</html>