IE7 hace lo que le da la gana con los <li>

[NaSHoOo]

Hola amigos,

sigo con el diseño de mi theme para wordpress y me encuentro con el siguiente problema:

Tengo un menu en el sidebar creado mediante elementos <li>, con la propiedad list-style:none les quito el tipico bullet que sale a la izquierda. Es entonces, cuando se ven perfectamente alineados a la izquierda, como yo quiero.

El problema viene que en IE7, aunque le quito el bullet mediante list-style:no, sigue dejando el espacio que habria si apareciera dicho punto.

Entonces, si hago un text-indent, para que haya una pequeña sangria entre el titulo (que no lleva sangria) y las categorias (que si la llevan), en Firefox y Opera se aplica esa sangria, pero en IE7, ademas de esa sangria, se le suma el espacio que ya habia que ocupada el bullet.

Como puedo hacer para que en IE7 no se sume dicho espacio tal como pasa en Firefox y Opera?

Os pongo un par de capturas para que veais la diferencia:





Veis la diferencia? Es ese espacio que mete ahi IE7 el que quiero eliminar, porque si ahi, que no tiene ningun text-indent, cuando se lo meto, IE7 lo suma al que ya tiene, aparienciendo siempre mas a la derecha que en Firefox y Opera...

A ver si podeis echarme una mano plis...

GRACIAS

[kseso?]

Hola NaSHoOo
Por descartar lo obvio, ¿has probado "padding-left: 0"
Un saludo

[NaSHoOo]

Iniciado por kseso?

Hola NaSHoOo
Por descartar lo obvio, ¿has probado "padding-left: 0"
Un saludo

Ante todo gracias por tu respuesta kseso?

Pues me temo que si, que lo he probado. Pero no hace efecto ninguno.

Si consigo el efecto con la propiedad margin, pero claro, si aplico margen negativo, no solo se me mueve a la izquierda los <li> en IE7, sino que tambien se les aplica el margen negativo en los otros navegadores, y se me descuadra la lista...

No tengo ni idea como puedo arreglar esto...

Un saludo y gracias por adelantado

[kseso?]

Bueno, ya lo siento.
Permíteme una sugerencia (en base a tu fecha como usuario registrado):
Coloca el código de tu menú para así ver las distintas propiedades y facilitar que algún usuario pueda ver dónde corregirlo.
Un saludo

[NaSHoOo]

Gracias por la sugerencia :)

Aqui lo pongo:

Este es el codigo en Wordpress:

Código:

<div id="categorias">
<h2>Categor&iacute;as</h2>
<?php wp_list_cats('sort_column=name&optioncount=0&hierarchical=0'); ?>
</div>

El cual genera este codigo:

Código:

<div id="categorias">

<h2>Categor&iacute;as</h2>

<li class="cat-item cat-item-24"><a href="http://localhost/wordpress/?cat=24" title="Ver todas las entradas de Analisis">Analisis</a></li>

<li class="cat-item cat-item-23"><a href="http://localhost/wordpress/?cat=23" title="Ver todas las entradas de Avances">Avances</a></li>

<li class="cat-item cat-item-26"><a href="http://localhost/wordpress/?cat=26" title="Ver todas las entradas de Eventos">Eventos</a></li>

<li class="cat-item cat-item-1"><a href="http://localhost/wordpress/?cat=1" title="Ver todas las entradas de Noticias">Noticias</a></li>

<li class="cat-item cat-item-25"><a href="http://localhost/wordpress/?cat=25" title="Ver todas las entradas de Reportajes">Reportajes</a></li>

</div>

Y se rige por este codigo css:

Código:

#categorias h2 {
	color: #fff;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 20px;
	margin-bottom: 5px;
	}

#categorias li {
	list-style: none;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	line-height: 20px;
	}

#categorias a, a:link, a:visited {
	color: #f90;
	}

#categorias a:hover {
	color: #999;
	}

[Mikmoro]

Tienes un pequeño problema pero fundamental: los elementos de lista (li) deben ir dentro de una lista (ul ó ol), y tú los tienes sin el elemento que marca propiamente la lista.

Añade <ul> antes del primer <li> y </ul> después del último </li>

Es probable que esto te iguale el tamaño de sangrado.

[NaSHoOo]

Iniciado por Mikmoro

Tienes un pequeño problema pero fundamental: los elementos de lista (li) deben ir dentro de una lista (ul ó ol), y tú los tienes sin el elemento que marca propiamente la lista.

Añade <ul> antes del primer <li> y </ul> después del último </li>

Es probable que esto te iguale el tamaño de sangrado.

Diosmio que error mas garrafal!!! tienes toda la razon del mundo mundial...

Ya me lo ha arreglado, muchisimas gracias Mikmoro!!

Si es que cuando uno da con profesionales... ;)

Muchas gracias de nuevo y un saludo!

[Mikmoro]

De nada, es un placer.

Saludos.