Toni: Firefox 0.8; float + overflow:hidden

Beitrag lesen

Hola!

Hier seht ihr mal ein bißchen Quelltext; schön, nicht wahr? Leider beginnt der Textabsatz im Firefox erst rechts neben der Überschrift.
Ohne die Overflow-Eigenschaft ist alles wie es sein soll: der Absatz nimmt die ganze breite des <div> ein.

[...]
div { border: 2px solid #0000ff; }
p { overflow: hidden; border: 2px solid #ff0000; }
h1 { width: 10em; float: left; border: 2px solid #00ff00; }
[...]
<div>
<h1>Überschrift</h1>
<p>Text
</p>
</div>
[...]

Weiß jemand, woran das liegt und vor allem, wie man es abstellen kann?

Gracias y saludos
Toni

P.S.: Falls jemand testen möchte:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
div { border: 2px solid #0000ff; }
p { overflow: hidden; border: 2px solid #ff0000; }
h1 { width: 10em; float: left; border: 2px solid #00ff00; }
-->
</style>
</head>

<body>
<div>
<h1>Überschrift</h1>
<p>

Verzweifle nicht, werde nicht mißmutig, wenn Du nicht die moralische oder intellektuelle
Höhe erreichen kannst, auf welcher ein andrer steht, und sei nicht so unbillig, andre gute
Seiten an Dir zu übersehn, die Du vielleicht vor jenem voraus haben magst - und wäre das
auch nicht der Fall! Müssen wir denn alle groß sein?

Verzweifle nicht, werde nicht mißmutig, wenn Du nicht die moralische oder intellektuelle
Höhe erreichen kannst, auf welcher ein andrer steht, und sei nicht so unbillig, andre gute
Seiten an Dir zu übersehn, die Du vielleicht vor jenem voraus haben magst - und wäre das
auch nicht der Fall! Müssen wir denn alle groß sein?

</p>
</div>
</body>
</html>