Vertikale Ausrichtung innerhalb eines divs

[Johannes Zeller]

Hi Leute

Ich habe folgendes Konstrukt in einem HTML-Dokument:
  <div id="kopf">
    <div id="links">Links<br>Links<br>Links</div>
    <div id="rechts">Rechts</div>
    <div id="test"></div>
  </div>

Diese divs formatiere ich jetzt so mit CSS:
  #kopf {border-style:solid; border-width:thin; border-color:#0000;}
  #links {float:left;}
  #rechts {float:right;}
  #test {clear:both;}

Ich möchte jetzt, dass "links" und "rechts" vertikal zentriert werden. Bisher habe ich dafür keine Lösung gefunden. Kann mir jemand helfen?
Mir ist noch etwas aufgefallen. Wenn ich "test" weglasse erstreckt sich "kopf" nicht mehr nach unten über "links" und "rechts", wie man an dem Rahmen sehen kann. Weiß jemand warum das so ist?

Schon mal vielen Dank

Johannes