display:table-row - Workaround für IE?

[Tobias Haf]

Hallo,

folgendes Beispiel:

#calendar .day .termin {
        margin:1em;
        padding-left:2em;
}

#calendar .day .termin .time {
        width:5em;
        float:left;
}

#calendar .day .termin .container {
        display:table-row;
}

und der HTML-Code:
<div class="day">
  <div class="time">20:00</div>
  <div class="container">
   <span class="topic">Ein Termin</span>
   <span class="veranst">Das ist eine lange Beschreibung, noch laenger, noch laenger und noch vieeel laenger</span>
   <span class="desc"><br /></span>

</div>
</div>

Ziel ist es eine Ausgabe der Form:

"20:00      Ein Termin
           Das ist eine lange Beschreibung, noch laenger, noch laenger            und noch vieeel laenger"

ohne Tabellen zu realisieren, wobei die Beschreibung, sobald aufgrund der Laenge umgebrochen werden muss, eben nicht unter der Uhrzeit fortgsetzt werden soll, sondern buendig mit der ersten Zeile.

Das funktioniert im Firefox auch super, sofern ich dem container-div die Eigenschaft display:table-row; zuweise. Im IE haut das ja leider nicht hin.
Wie kann ich das lösen, ohne auf Tabellen zurückgreifen zu müssen und es auch vom Internet Explorer verstanden wird?

Freue mich über jede Hilfe.

Gruß,
Tobias