Ho un div contenente un'immagine, del testo e una lista (un menu).
codice:
<div id="nomediv">
  [img]url[/img]
  Testo testo testo testo testo testo testo testo
  <ul>[*]Voce[*]Voce[*]Voce[*]Voce[/list]
</div>
L'immagine viene messa con float:left e il menu, in assenza del testo (nel mio caso), deve circondare l'immagine.

Il problema è che usando a sua volta il float:left sull' ul questo non mi va di lato all'immagine ma mi resta sotto e, anzi, mi si aggiunge un pò di margine a sinistra

Quindi ho provato a trasformare l'ul in elemento inline, usando un'apposita classe.
Il risultato è perfetto su FireFox e Opera.



Al solito, invece su Internet Explorer (6) si vede male e la prima voce del menu subisce un'indentazione inspiegabile.


Sapete suggerirmi come mai?