Problème de menu en accordéon avec CSS sous IEuuu

Bonjour à tous,

J'ai un souci avec un menu en accodéon sous IE qui crée des espace entre les titres et le contenu.
Voici le code html :

<div id="AccordionContainer" class="AccordionContainer">
      <div onclick="runAccordion(1);">
        <h3 class="AccordionTitle" onselectstart="return false;">
          Clubbing    </h3>
      </div>
      <div id="Accordion1Content" class="AccordionContent">
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">CLUBBING<br />
        <a href="#">Voir la vidéo</a></p>
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">CLUBBING<br />
        <a href="#">Voir la vidéo</a></p>
      </div>
    
      <div onclick="runAccordion(2);">
        <h3 class="AccordionTitle" onselectstart="return false;">
          Concerts    </h3>
      </div>
      <div id="Accordion2Content" class="AccordionContent">
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">CONCERT<br />
        <a href="#">Voir la vidéo</a></p>
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">CONCERT<br />
        <a href="#">Voir la vidéo</a></p>
      </div>
    
      <div onclick="runAccordion(3);">
        <h3 class="AccordionTitle" onselectstart="return false;">
          Spectacles    </h3>
      </div>
      <div id="Accordion3Content" class="AccordionContent">
        <img src="images_unforgotten/clubbing.jpg" /><p class="sousTitreAccordeon">SPECTACLE<br />
        <a href="#">Voir la vidéo</a></p>
        <img src="images_unforgotten/clubbing.jpg" /><p class="sousTitreAccordeon">SPECTACLE<br />
        <a href="#">Voir la vidéo</a></p>
      </div>
    
      <div onclick="runAccordion(4);">
        <h3 class="AccordionTitle" onselectstart="return false;">
          Evénements    </h3>
      </div>
      <div id="Accordion4Content" class="AccordionContent">
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">EVENEMENT<br />
        <a href="#">Voir la vidéo</a></p>
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">EVENEMENT<br />
        <a href="#">Voir la vidéo</a></p>
      </div>
    
      <div onclick="runAccordion(5);">
        <h3 class="AccordionTitle" onselectstart="return false;">
          Insolite    </h3>
      </div>
      <div id="Accordion5Content" class="AccordionContent">
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">INSOLITE<br />
        <a href="#">Voir la vidéo</a></p>
        <img src="images_unforgotten/clubbing.jpg" class="vignette" />
        <p class="sousTitreAccordeon">INSOLITE<br />
        <a href="#">Voir la vidéo</a></p>
      </div>
      <div class="AccordionBas" id="AccordionBas">  </div>
    </div>

et le CSS pour ce menu :

/****** Menu accordeon******/
/******************/


/* zone contenant le menu */

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:221px;
}

/* titre du menu */

.AccordionTitle{height:34px; line-height:34px; padding-left:15px; overflow:hidden; cursor:pointer; font-family:Arial; font-size:1em; font-weight:bold; color:#FFFFFF; text-align:left; text-align:left; display:table-cell; background-image:url(../images/bouton_accordeon.jpg); -moz-user-select:none;}

/* contenu du menu */

.AccordionContent{height:0px; width:210px; overflow:auto;display:none; padding-left:5px; background-color:#3e5975}

.AccordionContainer{margin-left:15px; height:400px;}

p.sousTitreAccordeon{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.8em; color:#FFFFFF;}
p.sousTitreAccordeon a{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.8em; color:#FFFFFF;}
.AccordionBas{height:5px; background-image:url(../images/bouton_accordeon.jpg);}

Merci de vos réponses.

Salut,

Je ne comprends pas très bien ce que tu veux faire. De mon côté ton code n'affiche rien du tout, ni dans IE ni dans Firefox.

Si ce que tu souhaites, c'est un menu dont les éléments se plient et déplient dynamiquement, il existe des librairies toutes faites qui t'épargneront peut-être bien des sueurs et des larmes

Exemple : http://moofx.mad4milk.net/

Merci de ta réponse j'avais déjà testé ce menu. Je crois que mainteant il tourne parfaitement sous IE :
www.proxis-interactif.com/labuse//new_web/