dd/dt und backgrounds

[Hajo Kliemeck]

Morgen,

ich habe folgende Situation:

ich definiere abwechselnd den background von dd/dt Anordnungen damit es schöner aussehen soll. Das sieht so aus:

dl {
 line-height: 2em;
 margin: 0em 0em;
 width: 50%;
}
dl .altrow {
 background: #f4f4f4;
}
dt {
 font-weight: bold;
 padding-left: 4px;
 vertical-align: top;
}
dd {
 margin-left: 10em;
 margin-top: -2em;
 vertical-align: top;
}

<dt class="altrow">Überschrift</dt>
<dd class="altrow">Test</dd>
<dt>Benutzername</dt>
<dd><a href="foobar" >Anonymous</a>&nbsp;</dd>
<dt class="altrow">Text</dt>
<dd class="altrow">text<br>text<br>text<br>text<br>text</dd>

jetzt habe ich das Problem, wenn ich die dt/dd's mit einem background versehen und das <dd> Tag mehr als eine Zeile groß ist, dann wird zwar im <dd> Feld der Background weitergeführt, aber im <dt> nicht.

Das sieht dann etwa so aus:

http://www.kliemeck.de/html.jpg

jemand eine idee?

Danke Hajo