simple progress bar (css + 1 image) killed from IE7 to IE8

[ottenm]

The code belowdisplays a nice progress bar in IE7. Whatever percentage divValue's "width" is set to, you'd see the vertfade.gif filling the cell to that amound. And the text "50% complete" would display in the center of the cell, on top of the vertfade progress bar.

In IE8, the vertfade bar does not display at all.

Thanks for any help-

<div id="divWrap" style="position:relative; width:170px">
<div id="divValue"
style="width:50%; background-image:url(static/vertfade.gif);">
</div>
<div id="divText"
style="position:absolute; text-align:center; width:100%">
50% complete
</div>
</div>

[ottenm]

Added height, and everybody's so happy again. Working like a charm!