ciao,

ho questa struttura:
<div class="center" align="center">
<div id="header"></div>
<div id="tabbar"></div>
<div id="colorbar"></div>
<div id="contentarea"></div>
</div>

e questo è il CSS:
codice:
#header {
  float: left;
  width: 776px;
  height: 105px;
  background: #fff url(../images/sc_header.jpg) top right no-repeat;
}

#tabbar {
  float: left;
  width: 776px;
	padding-top: 4px;
	height: 25px !important;
	height: 170px;
	background: url(../images/sc_tabbar_bg.png) repeat-x;
}

#colorbar {
  float: left;
  width: 776px;
	height: 10px;
	overflow: hidden;
	background: url(../images/sc_orange_bar_top.png) repeat-x; 
}

#contentarea {
  float: left;
  width: 760px !important;
  width: 776px;
	background: #f4f4f4;
	padding: 8px;
}
mi succede che il id="contentarea" si sovrappone al id="tabbar" e id="colorbar"> con FIREFOX!

come si può risolvere?

grazie