ciao a tutti!

mi succede una cosa strana con questo sito

www.sasselloeventi.it

in pratica sia su firefox che su IE6 si vede soo metà dell'immagine di sfondo del mio header e non si vede il titolo ella pagina che è in un div soprastante.

ho il dubbio che c'entri qualcosa lo z-index dei vari div, il container ha z1, l'header z2 e il titolo z3.

vi posto il codice css, se qualcuno mi può aiutare mi fa un grosso favore... è da un po' che mi scervello ma non riesco a venirne a capo. l'html non lo metto perchè sono semplicemente tre div uno dentro l'altro container > header > titolo

scusate l'incapacità, ma sono agli inizi :-)

grazie



di seguito il codice css


@charset "utf-8";
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #9CA855;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

.container {
background-color: #FFFFFF;
background-image: url(../img/sfondo.jpg);
width: 900px;
margin-left: -450px;
left: 50%;
top: 0px;
position: absolute;
}

.footer {
height: 15px;
width: 464px;
clear: both;
float: right;
right: 65px;
background-image: url(../img/footer.jpg);
margin-top: -545px;
padding-top: 610px;
padding-left: 96px;
position: relative;
}
.img {
border: 1px solid #656E37;
float: left;
background-color: #333333;
margin-bottom: 15px;
clear: both;
}


.testo {
float: right;
width: 320px;
position: relative;
z-index: 3;
right: 244px;
top: 25px;
text-align: justify;
background-position: right;
}
.titolo {
font-size: 22px;
line-height: 30px;
font-weight: bold;
color: #922C14;
text-align: right;
float: right;
position: relative;
right: 128px;
top: 110px;
clear: both;
height: 87px;
width: 266px;
z-index: 3;
}
.corpo {
clear: both;
width: 100%;
z-index: 2;
height: 450px;
}

.barralink {
float: left;
width: 180px;
position: relative;
z-index: 3;
left: 115px;
top: 20px;
}
.linkscuro:link {
font-size: 12px;
line-height: 34px;
color: #FFFFFF;
background-image: url(../img/linkb.gif);
clear: both;
float: left;
height: 34px;
width: 166px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
padding-left: 15px;
font-weight: bold;
z-index: 4;
}
.linkscuro:hover {
font-size: 12px;
line-height: 34px;
color: #000000;
background-image: url(../img/linka.gif);
clear: both;
float: left;
height: 34px;
width: 166px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
padding-left: 15px;
z-index: 4;
font-weight: bold;
}
.linkscuro:visited {
font-size: 12px;
line-height: 34px;
color: #FFFFFF;
background-image: url(../img/linkb.gif);
clear: both;
float: left;
height: 34px;
width: 166px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
padding-left: 15px;
font-weight: bold;
z-index: 4;
}
.linkscuro:visited:hover {
font-size: 12px;
line-height: 34px;
color: #000000;
background-image: url(../img/linka.gif);
clear: both;
float: left;
height: 34px;
width: 166px;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
padding-left: 15px;
z-index: 4;
font-weight: bold;
}
.websiteby:link {
float: left;
width: 250px;
font-size: 9px;
text-align: center;
height: 15px;
color: #F2C013;
position: relative;
display: block;
clear: both;
}
.websiteby:hover {
float: left;
width: 250px;
position: relative;
font-size: 9px;
text-align: center;
height: 15px;
color: #FFFFFF;
text-decoration: underline;
}


.header {
height: 200px;
width: 900px;
position: relative;
z-index: 2;
float: left;
background-image: url(../img/header.jpg);
}
.style1 {color: #626E35}
strong {
font-weight: bold;
color: #626E35;
}
.foto {
float: right;
width: 120px;
position: relative;
z-index: 3;
top: 25px;
text-align: right;
background-position: right;
left: 235px;
font-size: 10px;
}
.testo_contatti {
float: right;
width: 320px;
position: relative;
z-index: 3;
right: 244px;
top: 25px;
text-align: justify;
background-position: center;
background-color: #9CA856;
}
a:link {
text-decoration: none;
color: #636E36;
}
a:visited {
text-decoration: none;
color: #646D38;
}
a:hover {
text-decoration: underline;
color: #DC6024;
}
a:active {
text-decoration: none;
color: #616E38;
}
.websiteby:visited {
float: left;
width: 250px;
font-size: 9px;
text-align: center;
height: 15px;
color: #F2C013;
position: relative;
display: block;
clear: both;
}
.websiteby:visited:hover {
float: left;
width: 250px;
position: relative;
font-size: 9px;
text-align: center;
height: 15px;
color: #FFFFFF;
text-decoration: underline;
}