Salve a tutti.
Sto realizzando due siti: uno per un B&B ed un altro per il nostro gruppo di fantacalcio

Cmq, il problema di questi due è che il B&B www.spiritoleggero.it\emily non viene visualizzato bene e centrato da Firefox come in Internet Explorer. Allega anche il codice css:

--------------------------------------------------
html,body{margin:0; padding: 0; height: 100%}
body{text-align: center}

div#bg_layout {
position: relative;
height:100%;
background: url(../images/bg_layout.gif);
width: 820px;
margin: 0 auto;
}

div#container {
position: relative;
height:100%;
background-color:#FEF0AE;
width: 792px;
margin: 0 auto;
text-align: left;
border-left: 1px solid #996600;
border-right: 1px solid #996600;
}
body>div#container {
height: auto;
min-height: 100%
}

div#language {
background: url(../images/bg_language.png);
width: 792px
}

div#navigation {
background: url(../images/bg_navigation.png);
width: 792px
}
div#navigation a{color:#805600; text-decoration: none}
div#navigation a:hover{color: #CC3300;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}

div#content {
width: 792px;
padding: 0 1.5em 5em
}

div#footer {
position:absolute;
bottom: 0;
width: 792px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0.5em 0;
background-color:#F1E385;
text-align:center
}
div#footer a{color:#805600; text-decoration: none}
div#footer a:hover{color: #CC3300;text-decoration: underline}
div#footer a#activelink{color: #033;text-decoration: none}
--------------------------------------------------------

Per il secondo www.spiritoleggero.it\lega stessa cosa. Ma questo in più non estende l'ombreggiatura laterale fino in fondo al sito (guardando le altre pagine) e il footer non viene allineato in basso.
Questo il codice css:

-----------------------------------------------
html,body{margin:0; padding: 0; height: 100%}
body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(images/campo.png);
color: #000000
}




div#bg_layout {
position: relative;
height:100%;
background: url(images/bg_layout.png);
width: 820px;
margin: 0 auto;
}

.stile #container {
width: 800px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}



div #log {
background: url(images/riga_log.png);
width: 800px;
height: 34px
}


.stile #header {
position: relative;
width: 800px;
height: 80px
}

.stile #header_sub {
background: url(images/h_head_d.png);
width: 800px;
height: 50px;
text-align: center
}

.stile #sidebar1 {
float: left;
width: 192px;
background: #EBEBEB;
padding: 15px 0;
}
.stile #sidebar1 h3, .stile #sidebar1 p {
margin-left: 10px;
margin-right: 10px;
}


.stile #mainContent {
margin: 0 1.5em 0 13em;
}

.stile #footer {
background: url(images/riga_log.png);
bottom: 0;
position:absolute;
width: 800px;
text-align:center;
margin: 0;
height: 34px
}


.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
--------------------------

Grazie a tutti voi per le possibili risposte grazie.