Firefox zu faul zum floaten?

[kuhlmaehn]

Hi,
ich hatte vorhin ein Problem welches nur im Firefox aufgetreten ist. Zur verdeutlichung hier mal ein bisschen Code:

<style type="text/css">
    .haupt {
    width: 200px;
    height 600px;
    background-color: #ffcccc;
  }
  .floatDiv {
    float: left;
    width: 50px;
    background-color: #ccffcc;
  }
</style>


    <div class="haupt">
      <p>asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd </p>
      <div class="floatDiv">
        Hallo, das ist ein test.
      </div>
      <p>1 asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd </p>
      <p>2 asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd </p>
      <p>3 asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd asd </p>
    </div>

Also es sind nur ein paar p-Blöcke, in denen ein Div sitzt, der auf float:left gesetzt ist.
Mein Problem ist nun, dass ich den div mit jQuery, genauer mit slideDown, vergrößern will. Nun klappt es ja normalerweise gut, dass der div den Text in den p-Elementen nach rechts zur Seite schiebt, wenn er höher wird. Also je weiter der div nach unten wächst, desto mehr Textzeilen werden nach rechts neben den div verschoben.
Mein Problem ist nun, dass das auf einer ziemlich großen Seite, mit viel Kram der geladen wird usw. nicht funktioniert. Hier vergrößert der div sich einfach über den Text und dieser floatet nicht nach rechts. Wenn ich den div dann aber mit display:none kurz aus- und wieder einblende wird der Text perfekt um den div geflossen dargestellt. Verkleinere ich den div wieder (z.B. mit Firebug) fließt der Text auch nicht zurück an den linken Rand, sondern bleibt rechts.
Nun hab ich den Teil der Seite mal isoliert aber alle CSS Klassen beibehalten und hier funktioniert dann auch wieder alles wie es soll.
jetzt stellt sich mir die Frage, ob Firefox vielleicht, wenn viele Daten einer Seite verarbeitet werden müssen darauf verzichtet, bei jeder Höhenänderung den Text neu floaten zu lassen. Oder vielleicht auch wenn die Höhenänderungen zu klein sind!?
Ich bin ein bisschen ratlos, der Fehler tritt nur in Firefox auf (nichtmal im IE) und auch nur (meine ich zumindest) wenn die Seite datenmäßig groß ist.
Hat jemand vielleicht schonmal etwas ähnliches erlebt oder weiß wodran das liegen könnte?
Achso, sehr selten, manchmal beim ersten mal, manchmal nachdem der div kurz mit display:none aus- und wieder eingeblendet wurde oder auch nur einfach so, funktioniert es auch einfach im Firefox wie es soll...
Danke!

 

[SpiceLab]

Versuch's mal hiermit:

Webmaster FAQ -> CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?

Desweiteren wäre min-height:600px anstelle von height:600px ratsam, damit die Boxenhöhe bei zunehmenden Inhalt mitwächst.

Und zukünftig die Frage bitte im passenden Fachbereich stellen - in diesem Fall: CSS-Forum.