Geschachtelte DIV's mit display formatieren

[Urst]

Naben,

ich habe geschachtelte div Tags die ich mittels CSS formatieren möchte.

Hier erstmal die Struktur:

<div class="VFvalues">
  <div class="VFvalue">
    <span class="VFvalueImg"> <img width="16" height="16"> </span>
    <span class="VFvalueName"> <a href="">Link A</a> </span>
    <div class="VFsubvalues">
      <div class="VFsubvalue">
        <span class="VFsubvalueImg"> <img width="16" height="16"> </span>
        <span class="VFsubvalueName"> <a href="">Link AA1</a> </span>
    </div>
      <div class="VFsubvalue">
        <span class="VFsubvalueImg"> <img width="16" height="16"> </span>
        <span class="VFsubvalueName"> <a href="">Link AA2</a> </span>
      </div>
    </div>
  </div>
  <div class="VFvalue">
    <span class="VFvalueImg"> <img width="16" height="16"> </span>
    <span class="VFvalueName"> <a href="">Link B</a> </span>
    <div class="VFsubvalues">
      <div class="VFsubvalue">
        <span class="VFsubvalueImg"> <img width="16" height="16"> </span>
        <span class="VFsubvalueName"> <a href="">Link BB1</a> </span>
      </div>
      <div class="VFsubvalue">
        <span class="VFsubvalueImg"> <img width="16" height="16"> </span>
        <span class="VFsubvalueName"> <a href="">Link BB2</a> </span>
      </div>
    </div>
  </div>
</div>

Das Ganze sieht dann ja so aus:
Link A
Link AA1
Link AA2
Link B
Link BB1
Link BB2

Ich würde das gerne mit CSS so anpassen, dass es so angezeigt wird:
Link A   Link B
Link AA1 Link BB1
Link AA2 Link BB2

also habe ich versucht display:inline auf VFvalue anzuwenden, da ja dann die div Tags als inlineelemente interpretiert werden und nacheinander angeordnet werden. Das funktioniert auch wenn ich mit display:none VFsubvalues "ausblende", wenn nicht Erscheint Link B wieder unter Link A.

Kann mir da Jemand weiterhelfen?
Schon mal vielen Dank...