salve,

in questa pagina http://www.francescadefontaine.it/tmp/ come potete vedere c'è la barra di scorrimento orrizzontale. non riesco a capire come mai appare...

questo è il codice:

[code]

<html>
<head>
<style>
body{background: url(img/sfondo_pagina.gif) repeat; margin:0; padding:0; text-align:center}
div#padre{position:relative;margin:auto;width:100% ;background:url(img/immagine_sfondo.jpg) no-repeat top center;height:100%;text-align:center;}
div#figlio{position:relative;top:60px;margin:auto; width:900px;background:url(img/sfondo_trasparente.png) repeat;text-align:justify;font-family: georgia,sans-serif; font-size:15px; line-height:24px; color:#fff; border:solid 1px #036; padding:12px;}
div#logo{position:absolute;top:-50px;left:350px;background:url(img/logo.png) no-repeat center;width:556px; height:102px;}
div#menu{position:absolute;z-index:3; top:150px;background:url(img/sfondo_sopra_livello.png) repeat;width:100%; height:50px;}
div#piede{position:absolute;z-index:3;background:url(img/sfondo_sopra_livello.png) repeat;width:100%; height:300px; padding: 12px;}
p.paragrafo{margin-top: 150px; padding-bottom:50px}
blockquote{text-indent:25px; font-style: italic;background: url(img/apri_virgolette.png); background-position: 0 2px; background-repeat: no-repeat;}
blockquote p {color:#fff; width:350px; font-size:19px; line-height: 1.8;padding-right: 24px;margin: 0;background: url(img/chiudi_virgolette.png);background-position: bottom right;background-repeat: no-repeat;}
</style>
</head>

<body>
<div id="padre">

<div id="figlio">
<p class="paragrafo">
Lorem ipsum dolor sit amet, ....

</p>
<div id="logo"></div>


</div>
<div id="piede">
<blockquote>



Lorem ipsum dolor sit amet......
</p>
</blockquote>

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

</html>
[code]


mille grazie