Sebastian: Mozilladarstellung <h1> mit DIV fehlerhaft

Beitrag lesen

Hallo,

ich nutze Mozilla.

Ich habe diese DIVS definiert:

div#main {
position:absolute;
top:0px;
left:50.01%;
width:800px;
margin-left: -400px;
margin-top: 10px;
z-index:10;
background-color:#FBF7F7
}
div#top {
width:100.01%;
height:100px;
z-index:20;
background-color:#F2F6F7
}

Und das Ganze sieht dann so im Code aus:

<div id="main">
<div id="top">
<img src="http://www.software-und-datenbankentwicklung.local/pics/frei_aboutpixel_de.jpg" align="left" alt="Sebastian Jurk Software- und Datenbankentwicklung Frei" width="58" height="87,125" vspace="5" hspace="15">
<img src="http://www.software-und-datenbankentwicklung.local/pics/logo_blau_klein_sebastian_jurk_software-und-datenbankentwicklung.gif" align="right" alt="Sebastian Jurk Software- und Datenbankentwicklung Logo" width="70" height="70" vspace="15" hspace="15">
<h1 align=right style="margin-top:40px; margin-right:110px; color:#E13601">Sebastian Jurk Software- und Datenbankentwicklung</h1>
</div>
</div>

Es werden also das DIV Main absolut positioniert, damit es in der Mitte der Seite erscheint.
Das funktioniert auch gut.
Dann habe ich einen Bereich DIV Top. Diesen habe ich erst immer absolut eingesetzt, will ihn aber jetzt mit dem Text fließen lassen.
Das Problem ist aber, wenn ich position:absolut rausnehme, dann verrutscht der DIV nach unten. Und zwar ist daran <h1> schuld. Das DIV selbst wird korrekt angezeigt und die Grafiken auch darin aber es wird zu weit unten positioniert, selbst wenn man extra top:0px angibt. Die Überschrift steht immer ein Stück höher als gewünscht, nämlich oben am Rand vom DIV.
Sie ist 40px nach unten verschoben aber schiebt das TOP auch um diese Höhe nach unten. Samt Grafiken.
Und wenn ich das margin-top rausnehmen schiebt es es immer noch ein Stück runter, wahrscheinlich wegen der Überschrift, die ja erstmal eine Freizeile bekommt. So wie ein <p> oder ein <br>.
Woran kann das liegen? Normalerweise sollte sich die Überschrift doch an TOP ausrichten und nicht an MAIN und auch nicht TOP verschieben.
Komischerweise, wenn ich um TOP einen Rand setze ist alles korrekt.
Ist das ein Mozilladarstellungsfehler? Ich nutze 1.7.

Normalerweise sollte das doch so funktionieren oder? Wenn ich bei TOP nur die höhe angebe.

Grüße,
Sebastian