problema con le liste inline

[The knight]

Ho il seguente codice:

.friendgallerieslist ul{
width: 230px;
list-syle: none;
}

.friendgallerieslist a{
float: left;
padding: 3px 0.5em 3px 13px;
background:url(images/img.gif) left no-repeat;
}


In pratica ho un box contenente una decina di link tutti in linea, il problema è che facendo così con float, il testo invece di andare a capo forma come un box, e non va bene,

Togliendo float il testo và si a capo correttamente, però l'immagine di sfondo invece di allinearsi all'inizio si va a posizionare sulla parte a capo.

[The knight]

Ho risolto mettendo l'immagine prima del link, però noto che con Explorer le righe sono tutte attaccate, mentre con Firefox c'è dello spazio tra l'una e l'altra.
Non c'è modo di spaziarle anche con IE ?

[salasir]

Purtroppo ogni browser ha dei valori propri di default per margini e padding.
Prova a giocare con questi attributi assegnati a

.friendgallerieslist li {margin: ??; padding: ??; }

[The knight]

Originariamente inviato da salasir
Purtroppo ogni browser ha dei valori propri di default per margini e padding.
Prova a giocare con questi attributi assegnati a

.friendgallerieslist li {margin: ??; padding: ??; }

Ci ho già provato ma non ottengo nessun risultato, mi pare di capire che sulle liste in linea non funzionano, l'unica sarebbe usare float, il problema è che il testo non và a capo correttamente