Menu déroulant disparait au survol

Bonjour, j'ai récupéré un menu déroulant en css qui fonctionne parfaitement sous Firefox. Mais sous IE je ne peux survoler que les 2 premieres sous catégories, lorsque je survol une sous catégorie 3, 4 ou plus il disparait.
voici mon CSS:
#barre ul.level2 {
    height: auto;
    position: absolute;
    top: 25px;
    left: 0px;
    width: 145px;
    padding: 0;
    display: none;
    font-weight: normal;
    border: 1px solid black;
    z-index: 1000;
}

#barre li.level2 {
    position: relative;
    list-style: none;
    margin: 0;
    height: auto;
    width: auto;
    font-size: 10px;
    text-align: center;
}

#barre li.level2>a {
    width: auto;
    height: auto;
    display: block;
    padding: 3px 0px 3px 5px; /* 0.25em 0 0.25em 0.5em */
    white-space: normal;
}

#barre li.level2, #barre li.level2 a {
    color: black;
    background: white; /* transparent */
    margin: 0px;
}

#barre li.level2:hover, #barre li.level2:hover>a {
    background: #cccccc;
    color: black;
}

#barre ul.level1 li.level1:hover ul.level2 {display:block;}
#barre ul.level2 li.level2:hover ul.level3 {display:block;}

Je ne vois pas trop ce qui cloche, lorsque je définit
#barre ul.level2 {
    height: 100px;
Je peux de nouveaux survoler tout le menu mais forcément la taille du menu n'est pas variable..
Comment résoudre cela?