[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 ! :)