Problemas float y list-style-image en IE

[Ferosz]

Buenas, tengo una lista en la cual los elementos <li> tienen un float:left; con tal de que aparezcan uno al lado del otro horizontalmente. Ademas tienen un list-style-image con una url a una imagen png.

Esto funciona a la perfección en firefox, pero en IE en cuanto aplico ese float: left no se ve la imagen, i en cambio sin float si que se ve.

Alguien sabe alguna solucion a esto?

[Mikmoro]

Creo que esto se trató hace poco y no se encontró solución a IE6, no recuerdo bien. Lo que sí podrías hacer es usa una alternativa: quitas el estilo de lista, pones la imagen como fondo de los "li", y das a estos un padding-left o un text-indent para dejar que se vea la imagen.

Mira un ejemplo, que aunque está en vertical sirve para horizontal.

Mientras miro si recuerdo el tema.

[Ferosz]

Gracias, puse la imagen como fondo i le apliqué un padding-left de 10px para que quedara a mi gusto.

Muchas gracias Mikmoro

[Aresillo]

Y si el usuario decide ampliar el tamaño de la letra?? que como queda esta solución en términos de usabilidad y accesibilidad...?? Hay alguna solución..

Aresillo!!

[Mikmoro]

Pues crece el texto sin crecer el gráfico, claro

Aunque no me parece que siendo exclusivamente un elemento gráfico con poca importancia afecte en absoluto a la accesibilidad ni la usabilidad; si es caso afectará a la estética, nada más porque no son elementos que intervengan en el contenido, el desarrollo, la funcionalidad ni nada parecido.

Es mi opinión.

[Aresillo]

sip... tienes razón...como bien dices... y cómo algunas veces he escuchado por ahí... si el usuario decide agrandar la letra, sabe lo que puede ocurrir...

Aresillo!!