Alternative zu inline-block für IE < 8?

[Flashbaer]

Hallo!

Bin gerade dabei für meine Webseite eine Umfrage zu programmieren und scheitere scheinbar schon am Fortschrittsbalken

Hier könnt ihr euch das anschauen: [link entfernt]

Der Fortschrittsbalken in der grünen Leiste besteht aus zwei divs, (der weiße und der Rote):

<div id="progressBar">
    <div id="progressWidth" style="width:50px;"></div>
</div>

wobei die entsprechenden Styles so aussehen:

#progressBar {
    width: 200px;
    height: 7px;
    border: 1px solid #999;
    background-color: #fff;
    display: inline-block;
}

#progressWidth {
    height: 7px;
    background-color: #f00;
    border-right: 1px solid #999;
    float: left;
}

Das Problem ist nur, dass Internet-Explorer 6 und 7 diese Eigenschaft noch nicht unterstützen, das Ergebnis sieht dann so aus (IE 7): [link entfernt]

Kennt jemand von euch ein Workaround oder etwas ähnliches?
Wäre super!

Grüße
Flashbaer

 

[neuroleptika]

Für den IE 5-7 reicht haslayout auf ein inline-Element.
Schwieriger wird es für den ff<=2.