Salve,

ho un problemino di output, diverso per firefox ed explorer (tutt'e due all'ultima release).

Questa pagina html con il css all'interno. Nel css si specifica che #menucontainer ha posizione relative, e dovrebbe quindi apparire a dx di #barsx, e il suo sfondo (background-image: url(../images/menu-background.gif) e contenuto dovrebbero essere anche loro a dx di #barsx.

Ma se in explorer tutto ciò avviene senza problemi, con firefox il contenuto sta a dx di #barsx, mentre lo sfonfo di #menucontainer si sovrappone a #barsx.

Qualcuno conosce un metodo pr aggirare l'ostacolo?

Grazie, Ale.

Riporto il codice:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/************* CONTAINER *************/

#container{
	margin: 0px auto;
	width: 790px;
	height: 500px;
}

/************* FINE CONTAINER *************/

/************* BARSX *************/

#barsx{
	float:left;
	width: 205px;
	padding-top: 55px;
}

/************* FINE BARSX *************/

/************* MENU *************/

#menucontainer{
	background-image: url(../images/menu-background.gif);
	height: 500px;
	width: 180px;
}

#menu{
	position: relative;
	top: 150px;
}



/************* FINE MENU *************/
</style>
</head>

<body>

<div id="container">
<div id="barsx">
[img]images/sx-bar.gif[/img]<div align="center" style="font-size:9px"></div></div>
<div id="menucontainer">
<div id="menu">
CONTENUTO MENU......
</div>
</div>
</div>


</body>
</html>