problema con css en ie7

[manuelgc]

buenas, estoy diseñando una web con joomla 1.5, pueden chequearla a traves de esta url: http://www.motorshopcenter.com/

El problema que tengo esta en el menu hubicado en el lado izquierdo, en todos los navegadores se ve bien (firefox, opera, safari) menos en internet explorer 7.

creo que tal vez sea algun padding que este causando el problema.

El template de joomla que estoy usando tiene 2 .css, uno de ellos destinado a usarse en ie7 pero no estoy seguro si se carga ese .css cuando accedo a la pagina a traves de ese navegador.

Si alguien tiene alguna solucion o me pudiesen guiar sobre alguna solucion posible lo agredezco.

[Mikmoro]

De entrada aquí tienes 2 comentarios abiertos sin cerrar:

<!--<div id="sgf">
<div>
<div style="text-align: center; padding: 10px 0 0;">
Motorshopcenter, Powered by <a href="http://joomla.org/" class="sgfooter" target="_blank">Joomla!</a> and designed by SiteGround <a href="http://www.siteground.com/" target="_blank" class="sgfooter">web hosting</a>
</div>
<!--<div style=" padding: 5px 0; text-align: center; color: #83A330;">

Revisa eso. Mira en FF abajo del todo a la izquierda: te salen los símbolos de los comentarios sin cerrar.

[safe]

mmmmm.. si, eso suena a algo que puede no gustarle a IE!

[manuelgc]

buenas, he corregido el problema de los comentarios y todavia persiste la situacion con el menu, creo que el problema podria estar en el siguiente codigo css:

#leftcolumn ul.menu, #rightcolumn ul.menu {
padding: 0;
list-style: none;
width: 200px;
}

el "padding: 0" hace que los botones del menu se mantengan dentro del borde, si lo quito (el padding:0) el menu se mueve en todos los navegadores mostrandolo como se ve en ie7.

por eso pienso que tal vez sea ese padding que no esta funcionando en ie7, tal vez tenga que hacer un hack pero no sabria exactamente que hacer.

muchas gracias.

[Mikmoro]

Prueba a ponerle margin: 0 a:

#leftcolumn ul.menu, #rightcolumn ul.menu {list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0pt;
width:200px;
margin: 0;
}

Y si puedes mírala en IE6.

[manuelgc]

buenas, gracias mikmoro he solucionado el problema, con respecto a ie6 voy a hecharle un vistazo a ver que tal.

pero quisiera saber (si es posible) a que se debe este comportamiento... estuve investigando y pues me di cuenta que internet explorer no implementa algunos estilos css de la forma estandar.

seria bueno conocer la razon de este problema..

muchas gracias