sito in CSS in Firefox

[gimasc]

sito in CSS in Firefox

Buongiorno,
un saluto a tutti e complimenti per il forum, sicuramente uno dei più attivi e interessanti del web
volevo chiedere un parere su questo sito saviocostruzioni.com realizzato in CSS.
testandolo in firefox ho notato che non viene considerata in modo corretto l'indicazione "padding" superiore al menu. invece che lo spazio bianco del container compare lo sfondo... mi sapreste dare un parere?
grazie mille

[dubbio]

Com'è strutturata la pagina?

[gimasc]

se non riesci a recuperarlo dal sito, questo è il css allegato:

@import url("style2.css");
html {width:100%; }
body {background:##0066CC; (url del background)) repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:80%; color:#000000; width:100%; }
p {padding:0 0 15px 0; margin:0; line-height:140%; }
h1 {margin:0; padding:0; font-size:130%; font-weight:normal; }
h2 {margin:0; padding:10 0 10px 0; font-size:140%; font-weight:normal; }
h3 {margin:0; padding:10 0 10px 0; font-size:160%; font-weight:normal; }

/link styling/
a {color:#000000; text-decoration:underline; }
a:hover {text-decoration:none; }

/structural elements/
.section {text-align:center; width:100%; border-bottom:none; }
.sectiontop {text-align:left; width:720px;}
#header { background:#3399FF; background-image:url(img/gru.jpg); margin:0 auto; text-align:center; padding:0px 20px 0px 20px; height:130px; width:720px; border-left:1px solid #637076; border-right:1px solid; vertical-align:middle; }
#header2 { background:#3399FF; margin:0 auto; text-align:center; padding:2px 20px 2px 20px; width:720px; border-left:1px solid; border-right:1px solid; vertical-align:middle; }
#container {margin:0 auto; text-align:left; padding:20 20px 20px 20px; width:720px; border-left:1px solid #0000FF; border-right:1px solid; background-color:#FFFFFF; }
h1#logo {float:left; padding:47px 20px; width:200px; border:1px solid #FFFFFF; text-align:center; min-height:24px; }
#pictureRail {text-align:center; }
#news {background:#E8EDF7; float:left; width:160px; padding:20px 20px 0px 20px; margin-top:20px; border:1px solid; }
#menu { background:#003366; margin:0 0 0 240px; border:1px solid #333399; padding:10px; text-align:center; margin-top: 20px; }
#menu2 { background:#003366; margin:0 0 0 0px; border:1px solid; padding:10px; text-align:center; margin-top: 20px; }
#content {background:#E8EDF7; margin:20px 0 0 240px; padding:20px 20px 5px 20px; border:1px solid; padding-left:20px; }
#contentbox {background:#E8EDF7; margin:20px 0 0 0px; padding:20px 20px 5px 20px; vertical-align:middle; }
}

/section dependant style over-rides/

ul#menu { }
ul#menu li {margin:0; padding:0; list-style:none; display:inline; }
ul#menu a {color:#ffffff; text-decoration:none; padding:10px 7px; }
ul#menu2 { }
ul#menu2 li {margin:0; padding:0; list-style:none; display:inline; }
ul#menu2 a {color:#ffffff; text-decoration:none; padding:10px 7px; }
img {margin:20px 10px;border:1px solid; }
img {border:1px solid #000000; float:left; margin:0 0 0px 10px; }
img {border:1px solid; float:left; margin: 10px; }

{background:url(url del background)) no-repeat center bottom; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div.textimage{margin-bottom: 10px;border: 1px solid #000;}
div.textimage img{float:left;margin: 10px}
div.textimage h2, div.textimage p{margin:0 10px;padding: 0}
div.textimage h2{margin-top: 10px;}
div.clearer{clear: left}
.clearfix {display: inline-block;}

• html .clearfix {height: 1%;}
  .clearfix {display: block;}

[dubbio]

Non volevo sapere il css..ma la struttura della pagina, ossia. hai utilizzato una tabella con all'interno dei div?hai utilizzato solo dei div?il div al quale dai il padding si trova all'interno di un altro div?se si che colore di sfondo ha il div che lo contiene?