<img> dentro <div>

[qwerty50]

Metto una serie di tag <img> all'interno di un <div> per
costruire un menù in orizzontale.
Mi succede una cosa strana, nonostante imposto l'altezza
del <div> alla stessa altezza delle immagini, mi compare
un certo spazio bianco da sotto. non riesco ad eliminare lo spazio bianco

questa è la sintassi :

<div id="menu">
[img]bottone01.gif[/img]
[img]bottone02.gif[/img]
[img]bottone03.gif[/img]
</div>

#menu {
width: 150px;
height: 25px;
margin: 0;
padding:0;
}

Come posso fare ?

Grazie in anticipo

[Addeo]

#menu {
width: 150px;
height: auto;
margin: 0;
padding:0;
border: 0px;
}