Lista che si indenta quando messa a inline

[pictor]

Ho un div contenente un'immagine, del testo e una lista (un menu).

<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?

[thomas_anderson]

ciao!
visto che hai un <div>, ti consiglio di dare il 'float' sia all'immagine che alla lista. in questo modo:

<div>
[img]..[/img]
<div class="testo">
<h3>Knowledge frameworks</h3>
<ul>[*][/list]
</div>
</div>

è molto più razionale da un punto di vista del markup. a .left e .testo devi dare il 'float', ed una grandezza esplicita. calcola bene le dimensioni in base al contenitore globale. oltretutto se fai circondare l'immagine dal menu, crei un vuoto fastidioso nella lettura. se Ie ti crea dei problemi, usa i commenti condizionali per dargli un css speciale. ciao