Mehrere Listenelemente bei hover hervorheben?

[TigerDE2]

Hallo!
Ich habe untenstehende Listenstrucktur und dazugehöriges CSS.
Wenn ich über ein li-Element (.zeile > li, z.B. A) fahre, möchte ich, dass alle drei zugehörigen li-Elemente (A, B, C) die Hintergrundfarbe wechseln. Wie stelle ich das an?
Mit CSS geht's nicht, weil wenn ich .zeile:hover mache, sieht man durch die li-Elemente nicht durch. Und mit JavaScript habe ich mich das letzte Mal vor 4 Jahren beschäftigt und alles vergessen, weshlalb ich für jede Hilfe dankbar wäre... :)

Gruß
Christian

------|HTML|----------------------------------------------------

<ul id="liste">
  <li class="clear-both">
    <ul class="zeile">
      <li><a class="datenblock" href="#">1</a></li> <!-- A -->
      <li><div class="datenblock">2</div></li>      <!-- B -->
      <li><div class="datenblock">3</div></li>      <!-- C -->
    <ul>
  </li>
  <li class="clear-both">
    <ul class="zeile">
      <li><a class="datenblock" href="#">1</a></li>
      <li><div class="datenblock">2</div></li>
      <li><div class="datenblock">3</div></li>
    <ul>
  </li>
</ul>
------|CSS|----------------------------------------------------
ul.zeile li {
  display: inline;
}
.datenblock {
  width: 250px;
  float:left;
  display: block;
}
#liste {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
#liste li {
  list-style-type: none;
}
.clear-both {
  clear: both;
}