Float & Positionierung durch negatives Margin: Überlappung!

[Lu]

liefert float nicht de gewünschten ergebnisse?

Float, so wie ich es verwendet habe, erreicht nur im FF das erwünsche Ergebnis, im IE nicht. Dort überlappen sich die Elemente, sobald ich sie mit margin-left:-100% verschiebe.

Firefox: Die Elemente werden untereinander angeordnet.
.

Internetexplorer: Die Elemente überlappen sich

Wie lässt sich diese Überlappung umgehen? Ich habe eine Demo mit
Quellcode des Design online gestellt.

Danke, Lu