css su firefox

[claire]

allora ho un menu che su ie va benissimo ma sparisce del tutto in firefox:

 <div id="page_header">
      <div id="header_company">
        <h1></h1>		
      </div>
	  <div id="header_welcome">
        
        <div id="welcome_text">
          A Roma dal 1896
        </div>
      </div>
      <div id="header_menu">
       Home  |    Servizi   |  Galleria      |    Contatti
      </div>
      
    </div>

il css:

#page_header {
	width: 766px;
	height: 187px;
	background: url('images/logo.gif') no-repeat ;
	overflow: hidden;
	
}


/* Page Header : Company Name & Logo */

#header_company {
	margin-top: 20px;
	width: 768px;
	height: 35px;
	float: left;
	
	text-align: left;
}

#header_company h1 {
	background: url('images/company_name.gif') no-repeat 160px 0px;
	width: 585px;
	height: 45px;
}


/* Page Header : Welcome Note */

#header_welcome {
	padding-left: 162px;
	float: left;
	text-align: justify;
}

#header_welcome h3 {
	padding: 3px 0px 0px;
	font-size: 14px;
}

#header_welcome p {
	margin-top: 7px;
}

#header_welcome #welcome_text {
	width:auto;
	text-align:center;
	font-family: "Black Chancery";
	font-weight:bold;
	font-size:16pt;
	padding:35px 15px 0 0;
	float: left;
	overflow: hidden;
	
}

/* Page Header : Menu */

#header_menu { 
  width:auto;
  text-align:right;
  font-weight:bold;
  font-size:12pt;
  padding:35px 15px 0 0;
  float: center;
  overflow: hidden;
  color:#bfd8f6;
  }

perchè su firefox non va? cosa devo fare?

[fcaldera]

può darsi che sia dovuto al fatto che float: center non esiste e non è ben chiaro per cui il menu aabbia anche un overflow: hidden... ti suggerisco di guardare i link utili del forum in evidenza in cui è spiegato l'uso teorico dei float (fai una ricerca nel thread)

inoltre un menu di quel tipo va formattato tramite delle liste <ul>[*]... questo thread http://forum.html.it/forum/showthrea...readid=1179711 può tornarti utile.

Ciao

[claire]

grazie, sto cercando di imparare
adesso vado a vedere tutto però sono riuscita a risolvere mettendo ( avessi capito con che senso) dei: <div style="clear: both"></div>
adesso funziona, ma avessi capito perchè