Problema con jquery/IE8

[urameshix]

Hola a todos,

Tengo un problema que no se como solucionar. Tengo un código jquery que lo que hace es desplegar y plegar unas categorías de la izquierda de mi página:

Código Javascript:

$("div.subnavegador").not('.selected').hide();
    $("a.desplegable").click(function(e){
      var desplegable = $(this).parent().find("div.subnavegador");
      $('a.desplegable').parent().find("div.subnavegador").not(desplegable).slideUp('fast');
      desplegable.slideToggle('fast');
      e.preventDefault();
   })
 

Y luego mi código HTML:

Código HTML:

<h3><a href="#" class="desplegable">Categoria1</a>
    
    <div class="subnavegador">
            <ul>
                <li><a href="#">Sub1</a></li>
                <li><a href="#">Sub2</a></li>
                <li><a href="#">Sub3</a></li>
                <li class="last"><a href="#">SubN</a></li>      
            </ul>
    </div>
    
</h3>
 

Todo funciona correctamente, el problema es que en IE (curiosamente solo el 8), cuando pliego y despliego pasan cosas raras (no se respetan los margenes de espacio entre una categoría y otra y se juntan). Como no tengo ni idea de porque puede pasar esto, a ver si alguien ha tenido una experiencia parecida. Os dejo una imagen de como se ve en IE8.



Gracias a todos,

Un saludo!