图像垂直对齐问题

我有一个图像,我想垂直对齐一些文字。图像没有边框,没有间距,并且已被正确裁剪。然而,它在ie和firefox中的对齐方式不同,我不明白为什么。

IE中的对齐:

FF中的对齐:

注意在ff中,x框是如何与文本底部齐平的。我使用的HTML是:

<div id="Header">
    <a href="#" onclick="return false;">Close</a>
    <a href="#" onclick="return false;"><img src="App_Themes/Dark/images/close-button.gif" alt="Close" style="border-width:0px;" /></a>
</div>            

样式表的相关部分如下所示:

#Header img
{
    vertical-align: middle;
    display: inline-block;
}

在过去,我通过将image元素设为block元素来处理这个问题,但这只在图像是容器中唯一的元素时才起作用。我该怎么解决?