Bild mit Legende

[Dina]

Hallo Leute!

Ich habe eine Seite, die ich in 2 Spalten eingeteilt habe, ähnlich einer Zeitung. Jetzt habe ich in diese Seite Bilder eingefügt und diese mit Beschreibungen unter den Bildern versehen.
Das ganze sieht ungefähr so aus, wie in diesem Beispiel:

Nr. 5

So weit klappt das auch. Nur ist leider ein Bild unten in einer Spalte und die dazugehörige Beschreibung in der nächsten oben. Das will ich nun natürlich nicht und habe es deshalb mit position: absolute probiert. Das Ergebnis war so, dass die Beschreibung nun fixiert war, aber der nächstfolgende Absatz sich den Platz mit der Beschreibung teilte.
Ich habe deshalb schon versucht den Abstand mit margin/padding zu vergrößern, aber so recht wollte der Erfolg nicht eintreten.

Mache ich was falsch?

Hier mein CSS:

.picture {  
 text-indent: 0px;  
}  
  
span.legende {  
 display: block;  
 position: absolute;  
 font-size: xx-small;  
 line-height: 1.2em;  
 padding-top: 5px;  
 padding-bottom: 7px;  
 border-bottom: solid thin;  
}