CSS rientro del testo non funziona su IE7

Question

Qui è la pagina di esempio: http://jsfiddle.net/p9Fbb/

Fondamentalmente, quando si utilizza text-indent sull'icona di Internet Explorer 7 (IE9 in Modalità di Compatibilità) sposta l'elemento al di fuori dello schermo, non solo il testo.Per qualche ragione, questo accade solo in determinate circostanze nelle celle della tabella (credo sia l'elemento è da solo in una cella).

Come posso risolvere questo problema?Oppure c'è un altro modo per utilizzare il contenuto testuale in un elemento, ma tenerlo invisibile?

Answer 1

Sembra che il problema è che il tuo span diventare vuoto (o dimensione 0 (non sono sicuro)) dopo il text-indent, ence non è visualizzato.Inserire il testo intorno alla vostra span, vedrai che è ancora lì.

vedere questo jsFiddle per un esempio.

utilizzare display:block invece di display:inline-block.Inline-elemento non come dimensione dichiarazione molto (larghezza/altezza), sono fatti per essere visualizzato all'interno di qualcosa, prendendo in camera secondo il loro contenuto.