MM: scriptaculous (Sortable) im IE6

Hallo zusammen,

ich habe ein kleines Problem mit dem Sortable-Objekt von scriptaculous.

Ich habe es nun auf das folgende Beispiel heruntergebrochen:

--------------- 8< ----------------------
<html>
    <head>
        <script src="http://192.168.1.160/vetter/html/pflege/js/scriptaculous/prototype.js" type="text/javascript"></script>
        <script src="http://192.168.1.160/vetter/html/pflege/js/scriptaculous/scriptaculous.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="dd_container">
            <div style="background-color:#EEF;" id="id_1">
                <div style="float:left;">invisible</div>
                <div style="clear:both;background-color:#FFF;">some text</div>
            </div>

<div style="background-color:#EEF;" id="id_2">
                <div style="float:left;">invisible</div>
                <div style="clear:both;background-color:#FFF;">some other text</div>
            </div>
        </div>

<script type="text/javascript">
            Sortable.create("dd_container", {tag:'div'});
        </script>
    </body>
</html>

--------------- >8 ----------------------

Im Firefox und IE7 klappt es einwandfrei. Im IE6 jedoch wird der Text im blauen Balken ("invisble") nicht angezeigt. Erst wenn man beginnt, das Objekt zu verschieben, erscheint der Text.

Was mache ich falsch?

Danke und Gruß
Markus

  1. Hab's gefunden:

    "position:relative;" hinter das "float:left" und schon funktioniert's!