Zeitbereich mit Balken darstellen

[Encoder]

Hallo
Wer mag darf mir bei Überlegungen zu einem Kopzept helfen.
Eine Webseite soll einen Zeitbereich waagerecht darstellen, in dem untereinander verschiedene Balken liegen, die jeweils eine Buchung innerhalb einem Zeitbereich visualisieren.

Also sowas

8.00 Uhr   9.00 Uhr   10.00 Uhr .....
 |          |           |
    xxxxxxxxxx
 |          |           |
          xxxxxxxxxxxxxxxxxxxxx
 |          |           |
  xxxxxxxxxxxxxxx

Die Balken wären jeweils ein <div>. Die Positionierung ist auch nicht das Problem.

Ich rätsel an der Beschriftung für die Zeit. Die divs sollten praktisch auf einem Hintergrundbild mit den Zeiten und den senkrechten Hilfslinien der Zeitpunkte liegen. Nachdem dieses Bild sich aber je nach Zeitbereich ändern muss, möchte ich nicht jedes mal ein Bild zeichnen. Die Beschriftung der Zeiten wäre noch durch HTML lösbar. Aber wie krieg ich die Hintergründe da rein?

canvas könnte eine Lösung sein. Nachdem aber Microsoft aber leider ja einen Dreck auf aktuelle Standards gibt ... also der IE unter XP kann das eben nicht, drum scheidet das aus.

Wie löse ich das am schönsten?