Problema con submenu en < IE7

[Zuker]

Buenas

Como veran en la imagen tengo un problema en IE7 con el submenu del sitio.

Hay una diferencia en la altura (que es de 30 px)

En FF/IE8 se ve como se tiene que ver



Pero en IE7 no... alguna idea?



El codigo de esa parte es

Código HTML:

<div class="opciones_usuario">
            <div class="userInfoLogin">
                <ul>
                    <li><a href="/social/" title="Redes Sociales"><span class="systemicons social"></span></a></li>
                    <li><a rel="nofollow" href="http://www.taringa.net/" title="Taringa! - Inteligencia Colectiva" target="_blank"><span class="systemicons taringa"></span></a></li>
                    <li><a href="#" title="Buscar" id="buscar-toggle"><span class="systemicons buscar"></span></a></li>
                    <li><a href="/feed/" title="RSS"><span class="systemicons rss"></span></a></li>
                </ul>
                <div style="clear:both">
                </div>
            </div>
        </div>
 

y el css

Código CSS:

.opciones_usuario {
    background:transparent url(http://i.t.net.ar/images/bgLogged.gif) repeat-x scroll right top;
    -moz-border-radius-topright:5px;
    border-left:1px solid #7B7B7B;
    float:right;
    height:30px;
    text-align:right;
}
 
.userInfoLogin {
    font-weight:bold;
}
 
.userInfoLogin ul {
    margin:0;
    padding:0;
}
 
.userInfoLogin ul li {
    border-left:1px solid #DCDCDC;
    border-right:1px solid #717171;
    float:left;
}
 
.userInfoLogin a {
    color:#222222;
    display:block;
    margin:7px 7px 5px;
    text-shadow:0 1px 0 #EEEEEE;
}
 
.systemicons {
    display:block;
    height:18px;
    width:18px;
}
 
.systemicons.social {
    background:transparent url(/images/menu_social.png) no-repeat scroll 0 0;
    cursor:pointer;
}
 
.systemicons.taringa {
    background:transparent url(/images/menu_taringa.png) no-repeat scroll 0 0;
    cursor:pointer;
}
 
.systemicons.rss {
    background:transparent url(/images/menu_rss.png) no-repeat scroll 0 0;
    cursor:pointer;
}
 
.systemicons.buscar {
    background:transparent url(/images/menu_buscar.png) no-repeat scroll 0 0;
    cursor:pointer;
}
 
.systemicons.social:hover, .systemicons.taringa:hover, .systemicons.rss:hover, .systemicons.buscar:hover {
    background-position:0 -18px;
    cursor:pointer;
}
 

Pueden verlo en accion en este sitio

http://www.taringacs.net/desarrollo/

Alguna idea?

Gracias, Saludos

[Carlangueitor]

Usas algún reset?? recuerda que los navegadores tienen valores por defecto y tienes que corregirlo, lo más sencillo que puedes hacer es agregar esto al principio del CSS:

Código CSS:

*{
margin: 0;
padding: 0;
}
 

Saludos

[Zuker]

Hola carlangueitor,

Si, tengo ese reset al principio del css

Se te ocurre alguna otra idea?

Gracias

Saludos