Firefox macht was er will

[7th Freet]

Nabend,

Ich habe wieder einmal ein Darstellungsproblem.

Wie auf dem Bild zu erkennen ist füllt Firefox den ganzen oberen
Bereich mit einer Farbe aus. Dagegen zeigt der IE es so
an wie es sein sollte, daher denke ich das es am Code liegt.

Was mir aufgefallen ist nehme ich jegliche Div's aus dem header
und mache dort beispielsweise nur ein Bild rein, habe ich keinen
derartigen Effekt.

Ich kann mir das nicht erklären.
Danke für eure Hilfe.


Html Code

<!-- Header ohne Hintergrundfarbe --->
<div class="layer">
...
</div>
<!--  Navigation & Rest der Seite mit Hintergrundfarbe --->
<div class="layer back">
...
</div> 

CSS Code

div.layer {
    position:relative;
    width:800px;height:auto; 
    left:50%;
    margin-left:-400px;
}
div.back{
    background-color:#1d1d1d;
} 

[7th Freet]

So, ich hab das Problem gelöst und zwar kommt das position:relative;
mit dem height:auto; nicht zurecht.

Habs nun so gelöst:

div.center {
    position:relative;
    width:800px;
    left:50%;
    margin-left:-400px;
}
div.head{
    height:112px;
}
div.main{
    background-color:#1d1d1d;
    height:auto;
}