Definitionsliste mit nebeneinander-Elementen

[nelly_]

HI

Ich hab ne _horizontale_ Navigation gebastelt:

[code lang=html]
<ul>
   <li>Bilder

<ul>
         <li>Bild 1</li>
         <li>Bild 2</li>
      </ul>
   </li>

<li>Texte</li>
</ul>
[code lang=html]

Im Stylesheet sorge ich dafür, dass die Manüpunkte horizontal angeordnet sind, also wie ein Header-Menü-Balken.

Nun dachte ich mir, müsste das ganze doch auch theoretisch mit ner Definitionsliste möglich sein? Dann könnte ich mir nämlich die ganzen Listen sparen.

Leider funktioniert folgendes Beispiel nicexteht:

[code lang=html]
<dl>
   <dt>Home</td>
      <dd>Bild 1</dd>
      <dd>Bild 2</dd>
   <dt>Texte</dt>
</dl>
[/dl]

Leider bringt ein dt { float:left } überhauptnichts. Die einzelnen Definitionen bleiben weiterhin untereinander.

Hat jemand vielleicht eine gute idee?