padding da sinistra: problema con testo a capo

[jockerworks]

salve, ragazzi, ho un problema strano e che penso sia abbastanza banale, ma che per qualche strano motivo non avevo mai incontrato!

ho semplicemente una lista di elementi che hanno associato una classe con 2 proprieta:

padding-left:20px;
background:url(arrow.gif) no-repeat top left;

nulla di arcano insomma, una semplice lista con una gif di sfondo al posto del classico puntino. il problema e che in IE6 se il testo occupa piu di una linea il padding non ha effetto sulla seconda linea e non so come risolvere questa cosa, non mi era mai successo!

spero che a qualcuno sia capitato, e scusate se ho scritto in arabo ma questa tastiera non ha i caratteri accentati!

grazie ancora

[jockerworks]

aiutoooo, sto perdendo la testa dietro ad una fesseriaaaa!!!

ho provato anche con il list-style-type al posto del semplice list-style:none e background:url ... ma ancora lo stesso problema! possibile che non sia capitato a nessuno?

[Mich_]

Hai provato ad usare il margin al posto del padding?

Oppure puoi "giocare" con il list-style-position

PS: nelle liste definisci sempre esplicitamente sia margin che padding: i default dei vari browser sono diversi,

[gengix]

Scusami è questo che vuoi ottenere? Guarda l'allegato, il bordo definisce l'ul...

[jockerworks]

Si!!! Esattamente!

In IE6 il testo mi torna sotto la freccia, come lo hai sistemato cosi? Grazie

[gengix]

Testato con IE5/ IE6/ IE7 firefox Opera Netscape, da me la visualizzazione è identica:

css:
ul
{
margin:0;
padding:0;
width:200px; /*larghezza di prova*/
list-style:none;
}
li
{
background: url(../images/freccina.gif) left top no-repeat;
}
li span
{
display:block;
padding-left:30px;
}
* html li span /*for IE5*/
{
float:left;
}

struttura:

<div>
<ul>
[*]<span>Questo è il primo li di prova</span>
[*]<span>Questo è il secondo li di prova</span>[/list]
</div>

fammi sapere da me va =)

[jockerworks]

sono ricapitato qui e approfitto per rispondere (scusa se non ti diedi conferma ma risolsi e mi dimenticai completamente del topic!)

il css funziona, grazie per la dritta


e... a morte IE6!