Firefox mag mein Css nicht :-((

Hallo Birgit,

die übergeordneten Elemente, in denen die Header-Grafik untergebracht is, sind zu klein, damit kommen Opera und Firefox nicht zurecht. Das Bild soll ja 900 * 89 px groß angezeigt werden:

<img src="header.JPG" style="float:left;width:900px; height:89px;" alt="Spielzeug" />

Das übergeordnete Div muss dann auch 900px breit sein:

<div style="width:900px;margin:0px auto;text-align:left">
			<h1 id="title"><img src="header.JPG" style="float:left;width:900px; height:89px;" alt="Spielzeug" /></h1>
		</div>

und für die Überschrift #title muss eine ausreichende Höhe definiert sein, d.h. 89px - wobei auch das padding-top auf 0 gesetzt werden muss, da dieses von der benötigten Höhe abgezogen wird:

#title { padding-top:0; height: 89px }

Den Abstand von 15px nach oben kannst du stattdessen besser über ein margin des übergeordneten divs realisieren:

<div style="width:900px;margin:15px auto 0;text-align:left">
			<h1 id="title"><img src="header.JPG" style="float:left;width:900px; height:89px;" alt="Spielzeug" /></h1>
		</div>

.. dann zeigen alle Browser den Abstand gleich an