span non si vede ma con float va a capo

[vdfn]

Ciao a tutti.
Con firefox il mio span non si vede, invece con explorer sì. ho provato a mettere anche float, ma va a capo, cosa che non deve fare.
Il css senza float è questo:

.sx, .dx { width: 6px; height: 24px; background-color: #CCEEFF; background-repeat: no-repeat; }
.sx { background-image: url("round-sx.png"); margin-left: 1px; float: left; }
.dx { background-image: url("round-dx.png"); } 

mentre l'html è questo:

<span class="sx"></span>
[url="/index.php"]Home Page[/url]
<span class="dx"></span> 

[Mich_]

2 problemi di sintassi:
- Gli span non possono aver dimensione: sono elementi inline.
- Gli elementi vuoti possono venir ignorati dai browser.

E problemi di semantica:
Sembra che stai usando degli elementi per centrare: ma per centrare ci sono altre cose, ad esempio nel tuo caso in cui devi centrare un testo (anche se dentro un link):
text-align: center;
che chiaramente avra` effetto solo se il blocco contenitore ha una larghezza definita.

Oppure se devi separare alcuni elementi puoi usare i margini o i padding (nel tuo caso forse ti servono i bordi): la scelta dipende da cosa esattamente vuo fre e/o in quali browser deve essere visualizzato.

[vdfn]

No. Mi servirebbe per far vedere gli angoli arrotondati con il background

[Mich_]

Ci sono almeno due tecniche valide per gli angoli arrotondati.
Le trovi tra i "link utili".