problema con distanziamento tramite width in elenco non ordinato in ie7

[gabar-el]

ciao, ie7 non mi legge questo css, che ho applicato per spaziare in modo uniforme le varie lettere che segnalano le scorciatoie dal rispettivo testo circa il link a cui portano. Questo è stato fatto perchè le varie lettere hanno una larghezza diversa e qualsiasi altra tecnica porterebbe comunque a un risultato simile (almeno credo). Gli altri browser si comportano bene, ie7 no, come posso risolvere?

html:

<ul class="scorciatoie">[*]<span class="letterSco">(I)</span> testo[*]<span class="letterSco">(S)</span> testo[*]<span class="letterSco">(A)</span> testo[/list]

css:

ul.scorciatoie {
margin: 0.8em 0 1.5em;
list-style-type: none;
}

ul.scorciatoie li {
font: 1em Verdana, Arial, Helvetica, sans-serif;
height: 18px;
vertical-align: middle;
color: #000;
margin: 0.5em 0;
}

span.letterSco {
width: 2em;
height: 18px;
line-height: 18px;
vertical-align: bottom;
}

grazie

[Mich_]

Per rendere delle lettere uguali, io userei: [code].letterSco {
font: monaco,courier,monospace;
}

Oppure, nel tuo caso, puoi usare il list-style, definendo per ogni riga un'immagine diversa che contiene la lettera tra parentesi (nota che occorrono poi dei trucchi per renderlo accessibile, tipo lasciare lo span tuo, ma definirlo display:none)

[gabar-el]

l'idea del list-style mi pare molto buona, la prima invece non l'ho capita...

[Mich_]

la prima invece non l'ho capita...

Se usi caratteri equispaziati, lo spazio occupato dalle varie stringhe e` uguale.
I browser per quello hanno i caratteri "monospace": il monaco e` un carattere monospace senza grazie, mentre il courier ha le grazie (serif in inglese).
Magari ci sono altri caratteri piu` belli, ma io conosco quei due.

[gabar-el]

avevo intuito ma provando non ha funzionato e allora mi son sorti dei dubbi....
ora mettendo il padre allo span funziona e si, non sono il max quei font, ma la loro funzionalità è perfetta. Ora vedo quale soluzione implementare. Grazie