[CSS] spazio sotto le immagini con IE

[mr_bungle]

è un sacco di tempo che ho questo problema ma ora sono proprio deciso a risolverlo...ovviamente grazie al vostro esperto aiuto!
qua sotto ho riportato il codice ridotto all'osso:

<style>
#header {
	height:90px;
	width:633px;
	padding:0px;
	margin:0px;
}
/*contenitore del menu*/
#menu{
	height:14px;
	width:633px;
	padding:0px;
	margin:0px;
}
</style>
<div id="header">
	[img]/header.gif[/img]
</div>				
<div id="menu">				
	[img]/menu_info.gif[/img]
</div>

le immagini stanno una sotto all'altro come voglio. soltanto che tra di loro c'è uno spazio di qualche pixel. perché?
ovviamente tutto a posto con firefox!

PS. scusate il crossposting, non mi ero accorto che c'era un forum apposta..

[sms]

<div id="header">
	[img]/header.gif[/img]
</div><div id="menu">				
	[img]/menu_info.gif[/img]
</div>

prova così oppure

<div id="header">
	[img]/header.gif[/img]</div><div id="menu">[img]/menu_info.gif[/img]
</div>

[awd]

perché IE è stupido!
metti font-size: 0; in #menu

[mr_bungle]

GRANDE awd!!!!
ho messo font-size:0px su tutti e due!!!!!
vado a casa felice grazie a tutti voi per avermi risposto!

[awd]

non serve su tutti e due, perché con una height di 90px il problema non si pone! succede solo per altezze limitate. IE in pratica ti conta sempre lo spazio per i caratteri, anche se non ce ne sono