Typo3 Probleme die ich einfach nicht gelöst bekomme

[Han Solo]

»» Die Klasse "clear" bei h3 habe ich entfernt. Foto und Beschreibung habe ich mit DIV gruppiert. Leider weiß ich trotzdem nicht wie ich jetzt die gewünschte Anordnung hinbekomme. Steh total auf dem Schlauch.

Und ich hab' eine Ahnung wie dein Layout aussieht?

Hatte ich doch beschrieben. Links das Bild. Rechts daneben der Text der über drei Zeilen geht (vertikal ausgehend von der Höhe des Bildes zentriert). Unter dem Bild die Liste. Die Elemente (das Bild ist test.jpg, die Beschreibung neben dem Bild sind "Beschreibung Foto Zeile 1-3", die Liste unter dem Bild ist der Kram mit den Hobbys) sind ja alle in diesem Markup enthalten:

  
<div id="content">  
    <h2>Startseite</h2>  
  
    <div>  
        <img id="foto" src="test.jpg"/>  
        <div id="beschreibungFoto">  
            <p>Beschreibung Foto Zeile 1</p>  
            <p>Beschreibung Foto Zeile 2</p>  
            <p>Beschreibung Foto Zeile 3</p>  
        </div>  
    </div>  
  
    <h3>Hobbys</h3>  
    <ul>  
        <li>Hobby 1</li>  
        <li>Hobby 2</li>  
        <li>Hobby 3</li>  
    </ul>  
</div>  

Ich bekomme die gewünschte Anordnung leider nur hin, indem ich h3 die Klasse clear zuweise. Du sagtest ja, dass es auch ohne clear geht indem ich das Foto (test.jpg) und dessen Beschreibung ("Beschreibung Foto Zeile 1-3") mit einem DIV Gruppiere. Genau das habe ich gemacht. Leider kann ich trotzdem noch nicht nachvollziehen wie ich das jetzt mit CSS optimal so anordne wie oben beschrieben. Vielleicht ist mein Markup ja auch noch falsch?