"hängender" Einzug durch span-Element mit neg. margin??

[Mary]

Hallo!

Folgendes Problem: Ich möchte Spalten mit span-Elementen imitieren (für eine hierarchische Nummerierung mit "hängendem" Einzug).
Siehe hier:
http://www.uni-regensburg.de/Fakultaeten/phil_Fak_IV/Anglistik/SpW/Staff/Schneider/publications-test-mit-css.htm

In Mozilla und Netscape sieht es so aus, wie ich mir das vorstelle, aber im IE ist alles nach links verschoben.

WARUM??

Cheers,
Mary

Relevanter CSS-Ausschnitt:
.p-publications {margin-left:50px; margin-top:12px; font-size:14px; padding:0}
.span-number {display:block; float:left; margin-left:-50px; width:50px; padding:0}
.span-publications {margin:0, padding:0}
.p-reviewed {margin-left:50px; margin-top:6px; font-size:12px; line-height:115%}
.span-arrow {display:block; float:left; width:20px; margin-left:-20px; padding:0}
.span-reviewed {margin:0; padding:0}

Relevanter HTML-Code:
<p class="p-publications"><span class="span-number">1.1</span><span class="span-publications"><MEHRZEILIGER TEXT</span></p>
<p class="p-reviewed"><span class="span-arrow">-&gt;</span><span class="span-reviewed">MEHRZEILIGER TEXT<span></p>
<p class="p-reviewed"><span class="span-number">1.2</span><span class="span-reviewed">MEHRZEILIGER TEXT</span></p>