Hallo zusammen,

ich habe ein Problem mit Opera. Bei meiner Homepage wird das Bild im Gegensatz zu den Browsern Firefox und Internet Explorer nicht zentriert angezeigt ( zu sehen unter Die Schlammbrüder). Auch der Header hat nicht die richtige Größe.
Mein CSS Code lautet:
html, body{
width:989px;
margin:0 auto;
height:100%;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 100.01%;
letter-spacing:1px;
color:black;
background-color:rgb(60,75,34);
width:100%;
text-align:center;

}

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}

#Seite {
width:989px;
min-width:58em;
margin:0 auto;
text-align:left;
min-height:100%;
height:auto!important;
height:100%;
background-color:white;

background-image: url("Grafik/Leiste5.jpg");
background-repeat:repeat-y;
}

#header {
margin:0px;
padding:0px;
height:150px;
width:989px;
min-width:58em;
background-image: url("Grafik/Header gelb2.jpg");
background-repeat:no-repeat;
background-color:rgb(248,241,213);

}

#Hauptteil {
overflow:hidden;
height:100%;
background-repeat:no-repeat;
margin:0px;
padding:0px;
float:left;
padding-bottom:3em;

#content{


float:right;
margin:0px;
width:46em;
padding:0px;
padding-left:2px;
height:100%;
overflow:auto;
padding-bottom:3em;


}

.Foto img{
position: relative;
top: 20px;
left: 120px;

}

So das wärs. Ich bin noch ein Anfänger und für jede Hilfe dankbar.
Gruss
Cass