Problema con jquery/IE8

[urameshix]

Vale, te pongo todos los estilos que se usan en el primer post para que lo veas todo junto.

Edito: como veo que no lo puedo editar lo pongo aquí:

Código CSS:

#sidebar {
    float : left;
    width : 225px;
    overflow : hidden;
    margin-top : -5px;
    
}
 
#sidebar h3 {
    font : .95em "Trebuchet MS", arial, sans-serif;
    margin-top : 15px;
}
 
#sidebar h3 a.desplegable,#solo{
    background : url('imagenes/buttom.png') 0 0 no-repeat;
    width : 198px;
    height:30px;
    line-height : 30px;
    text-transform : uppercase;
    display : block;
    cursor : pointer;
    color : white;
    padding-left : 28px;
    overflow:hidden;
}
 
#sidebar h3 a.desplegable:hover,#solo:hover {
    background-position : 0 -40px;
    text-decoration : none;
}
 
#sidebar h3.active a {background-position : 0 -80px}
#sidebar h3.active a:hover {background-position : 0 -120px}
 
#sidebar div {
    margin-bottom : 15px;
    margin-top : 5px;
    font-size : .9em;
    background : #E7E7E7 url('imagenes/sidebar.png') top left no-repeat;
    overflow : hidden;
    height : auto;
}
 
#sidebar .subnavegador ul {
    background : url('imagenes/sidebar.png') -275px bottom no-repeat;
    overflow : hidden;
    height : 100%;
    padding : 10px 15px;
}
 
#sidebar .subnavegador ul li {
    line-height : 22px;
    background : url('imagenes/li.gif') 0 7px no-repeat;
    padding-left : 18px;
}
 
#sidebar .subnavegador ul li a {
    color : black;
    font-weight : bold;
}
 

Un saludo!