Opcion alternativa en Google Chrome para visualizar una imagen

[maykol_mtz1906]

Bueno hola a los usuarios de Foros del Web.

Mi duda es si existe alguna solucion para que se pueda mostrar en Chrome una imagen sola (un icono).
Por que en IE y Firefox se visualiza el contenido de la imagen correctamente. Y cuando lo checo en Chrome no se ve nada, y necesito que aparezca la imagen.
Les doy un dato, haciendo algunas pruebas, si le agrego un caracter (ya sea cualquier letra o numero) dentro de las etiquetas de <span></span> (checar el codigo mas abajo), entonces ya se visualiza y se ve la imagen con el texto agregado.
Pero yo no necesito mostrar nada mas que el puro icono, entonces probe con un 'espacio libre' pero asi no muestra el icono.

en el codigo de html tengo lo siguiente:
<th>
<a>
<span class="icono ico_list"></span>
</a>
</th>

Y el estilo de css tengo:
.icono {
min-height: 16px; padding: 2px 0px 0px 20px;
}
.ico_list {
background: url(images/ico_list.png) no-repeat center left;
}

Necesito por favor si existe alguna solucion para que solo muestre el icono con esa estructura de codigo.

Gracias.

[maquetar]

Si Chrome te pide que metas algo en el <span>, métele un espacio en blanco:

&nbsp;

[zerokilled]

buenas,
lo que estas viendo es normal. sucede que no le puedes asignar dimensiones a un elemento en línea. más bien, el navegador lo ignora y no aplica las dimensiones. lo que no entiendo es por qué no cargas la imagen con un <img>. en todo caso, puedes inventarse muchas soluciones. por ejemplo, una alternativa es hacer el elemento de tipo bloque o bloque líneal para que se aplique las dimensiones, display:block o inline-block. otra alternativa, en caso de llevar texto, la palabra que va antes o despues de la imagen (en caso de iniciar con la imagen), la pones dentro del elemento <span> y luego aplicas el fondo a uno de los lados con un padding para crear espacio extra. es decir, para que el fondo no quede detrás del texto.

[maykol_mtz1906]

Lo resolvi con el espacio o sea ' &nbsp; ' , asi es por que ya no identifica que esta vacio.

Y por que no lo meti en un <img> ? , bueno es una estructura de codificacion que ya manejo con otros compañeros de progr. y pues para tener un codigo uniforme lo manejo de la misma forma.

Pero ese simple cambio que realice evita cambiar mucho mas mi codigo.
De cualquier forma gracias por su tiempo.

[emprear]

Si por algún motivo el espacio en blanco te modifica la estructura, probá de poner dentro del span un comentario
<!-- imagen -->

SAludos