[Help] Div de moin de 20px impossible sous IE

Bonjour à tous,

J'ai des soucis avec mes div, j'essaye de faire un menu extensible avec:

<div id="top"></div>
<div id="menu">donnée</div>
<div id="bottom"></div>

dans le css j'ai:

#top
{
 height:8px;
 background-image: url('top.png');
 background-repeat: no-repeat;
}

#menu
{
 height:100%;
 background-image: url('midd.png');
 background-repeat: repeat-y;
}

#bottom
{
 height:8px;
 background-image: url('bottom.png');
 background-repeat: no-repeat;
}


ça fonctionne parfaitement sous FireFox, mais sous IE, mes div "top" et "bottom" font, a vue d'oeil, 20px minimum, j'ai donc un gros trou entre le top et le midd ....
Je comprends pas.. Help plz ! :)
Configuration: Windows XP
Firefox 2.0.0.14

2 réponses

  1. Salut,

    Si IE ne peut diminuer la taille de ta balise DIV, c'est parce qu'il considère que le texte qui se trouve dedans impose une taille minimum de celle-ci (même si il n'y a pas de texte).

    Pour résoudre ce problème, tu peux ajouter dans ton css
     font-size:0;
    0
    1. Merci pour ce truc qui m'a bien aidé car j'avais le même soucis malgré que je n'avais aps de texte dans ma div.
      0