Ciao a tutti spero possiate darmi una mano.. il problema è la centratura della l'immagine di #testa sono riuscita solo a centrarla togliendo la larghezza, il fatto che su Pc è tutto ok si visualizza benissimo sia su internet explorer che su firefox il problema è sul telefonino mi sbordano le immagini dal contenitore...

Se mi potete aiutare a risolvere questo problema di centratura… Grazie




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">


body {
    margin:  0px;
    padding top: 300px;
    font-size: 50%;
    background-color: transparent;
    font:12px Comic Sans MS; 
    color: #FFFFFF;
    background:url(http://oi62.tinypic.com/2vmx4r5.jpg);
    background-size:  900px 500px;
    word-spacing: normal;
    background-color:#000000;
    background-position: center;



#contenitore {
width: 80%;
padding-right: 5px;
margin: 0 auto 20px auto;}
float:left;


#testa {

background-image: url(http://oi58.tinypic.com/nl9ys3.jpg);
background-repeat: no-repeat;

height: 650px;
background-position: center;
padding-right: 400px;
}

#corpo {
padding-bottom: 10px;
background-color: #000000;
position: center;
margin: 0 240px 20px 0;
padding-top: 15px;
border: solid #ffffff 2px;
border-bottom: #A6B3C8 solid 1px;
text-align: center;
}
#titolo{

background-image:url();
color: #FFFFFF;
text-align: center;
margin-top:0px;
margin-left: auto;
margin-right:auto;
font-family:Comic Sans MS;
font-weight:bold;
font-size:12px;
padding:2px 10px;

}

#contenuto{
line-height: 1.5em;
text-align: center;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
margin: 10px 20px 30px;
padding: 2px 10px 10px;}


#commenti{
text-align: center;
color: #FFFFFF;
font-size:10px;
margin: 35px 20px 30px 30px;}

#data {
font-size:10px;
font-weight:bold;
color:#FF0000; 
text-align:right;
margin: 5px 20px 10px 30px;
padding: 0px 10px 5px 10px;}
codice:
</style>

</head>

<body>
<div id="contenitore">

<div id="titoloblog"></div>

<div id="testa"></div>

<div class="descrizione"> </div>

<div id="colonna">

<p class="titoletti"> About me </p>
<p class="menu"><$BlogAboutMe$><br /><$BlogButtons$></p>
<p class="titoletti"> Credits </p>
<span class="barraiobloggo">--credits--</span>

</div>

<div id="corpo">

<Blogger>

<div id="navigation"> </div>

<div id="titolo"> </div>
<div id="data"> <a href="< ---ora "> </a>  <a href="< --data "></a> 

<div id="contenuto">  --post--  </div>

<div id="commenti">

<p><a  href="< --permalink>"></a> <a href="<  --commenti--"> </a> <a href="< --categorie ">  </a>



</div>
</Blogger>
<center>
<div id="blog-pager"> <a href="< --pagine "> pagine </a> 

</div>
</div>
</center>

</div>
</div>
</body>
</html>