ciao a tutti....ho realizzato alcune pagine visualizzando l'anteprima con IE ed era tutto a posto tranne il fatto che non riuscivo ad aggiungere un'immagine di sfondo (nel box2) su uno sfondo sfumato già realizzato..il problema si è amplificato quando ho visualizzato il tutto in anteprima su Mozzilla...tutto sballato, immagini e box totalmente spostati sulla sinistra...vi posto codice e tutto e vi chiedo un aiuto perchè credo di perdermi davvero in un bicchier d'acqua ma non riesco a venirne a capo...è urgente grazie...


body {

margin: 0;
padding:0;
font-family: Microsoft sans-serif, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
width: 100%;
display: table;
text-align: center;

}

.container {

width: 600px;
margin: auto;

}

#box1 {
position: fixed;
padding: 0px;
margin: 0px auto;
border: 0px;
font-family: Microsoft sans-serif, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
width: 35%;
text-align: center;

}

p.testo {
font-family: Microsoft sans-serif, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;

}

.boxinterno {
padding: 0px;
margin: 5px auto;
border: 0px;
width: 30%;
text-align: center;

}

#box2 {
padding: 70px;
margin: 30px auto 30px auto;
border: 1px solid #000;
width: 50%;
text-align: center;
line-height: 20px;

}

---------------------------------------

<html>
<head>
<title>prova prova</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="principale.css" type="text/css"/>
</head>
<body background="sfondo.jpg">
<div id="container">
<div id="box1"><span class="boxinterno"><img src= Neuroni.jpg width="400" height="300""></span>
<p class="testo">dove siamo contatti
preferiti facebook</p>
</div>
<div id="box2"></div>
</div>
</body>
</html>