liste e IE bug 3 pixel

[natspace]

liste e IE bug 3 pixel

[html]<ul id="consiglio_di_amministrazione">
<li>Paolo Rossi<span>Presidente</span></li>
<li>Roberto Verdi<span>Vice Presidente</span></li>
<li>Marco Gialli</span>consigliere</li>
</ul>
[/html]
Il foglio di stile:

ul#consiglio_di_amministrazione li {
 display: block;
 list-style: none;
 margin: 0;
 padding: 0;
 width: 100%;
}

ul#consiglio_di_amministrazione li span {
margin-left: 100px; ??? così non funziona
}

Vorrei fare in modo che quanto racchiuso tra <span></span> sia allineato alla stessa distanza sinistra rispetto all'inizio della lista li a prescidere da quale sia la lunghezza del nome che precede <span>.
Come posso risolvere il problema?
Grazie.

[claudio.c]

Ciao,
se ho capito potresti scrivere:

 #consiglio_di_amministrazione li span{padding:0 0 0 10px}

Claudio.

[karedas]

Ciao Natspace e benvenuto nel forum GT

Penso che tu possa invertire l'utilizzo degli gli span affidandoli invece al blocco di testo che precede ciò che vuoi mettere alla stessa distanza.

Quindi:
[html]
<ul id="consiglio_di_amministrazione">
<li><span>Paolo Rossi</span> Presidente</li>
<li><span>Roberto Verdi</span> Vice Presidente</li>
<li><span>Marco Gialli</span> consigliere</li>
</ul>
[/html]A quel punto potresti fare in questo modo:

#consiglio_di_amministrazione li span{width:**200px**;}
```Al posto di 200 dovrai mettere ovviamente una larghezza da te decisa e soprattutto non superiore alla grandezza del suo genitore (tipo un div o la stessa lista).