mezery mezi objekty vIE

Dobrý den, při dělání webu jsem narazil na problém: například když dám hlavičku, a pod ní hned třeba novej div, tak mi to vIE mezi hlavičkou uděá mezeru, konkrétní příklad mam třeba v menu, nad kterim mám obrázek..a IE mi udělá mezi tim obrázkem a menu mezeru:

<table id="hlavni" cellpadding="0" cellspacing="0"><tr>

<td id="newstd">
<span id="newshor"><img src="data/newshor.gif" /></span>
<div id="news">

<a href="http://www.vydelavame.cz"><img style="margin-bottom:5px;" src="http://www.vydelavame.cz/ikonka.gif" border="0"/></a><br />

</div>
<div id="newsdol"><img src="data/newsdol.gif" /></div>
</td>

</tr></table>

ve style mam:

#hlavni {
background-color: #191919;
font-size: medium;
width: 750px;
height: auto;
float: left;
text-align: center;
margin: 0px;
}

#news {
background-color: #464646;
font-size: medium;
width: 143px;
height: auto;
text-align: center;
border: 1px solid #6F6F6F;
border-top: none;
border-bottom: none;
}

#newstd {
background-color: #191919;
font-size: medium;
width: 145px;
height: auto;
text-align: center;
}

#newshor {
background-color: #464646;
background-image: url(data/newshor.gif);
background-repeat: no-repeat;
height: 14px;
}

nemohl by mi PLS někdo poradit čim to je? už jsem zkoušel padding, margin..možná na špatný místo, ale už sem zoufalej...

Tak už jsem si to vyřešil, tak pro ostatní kdby měli stejnej problém: dělaj to obrázky, ty maj v xhtml v ie standartně nastaveno margin: 3px, takže stačilo k obrázku v css napsat margin-bottom: -3px; a už to je v poho :)