CSSでボックスレイアウトをしています。下記の#logo,#menuと#mainのボックスの間に隙間が出来てしまいます(Firefoxのみ)。なお、文字サイズを変更すると隙間の幅も変化しますが、相対サイズを指定した要素はありません。この隙間を消す方法を教えて下さい。

■HTMLソース
<div id=”logo”><a><img /></a></div>
<ul id=”menu”>
<li id=”active”><a><img /></a></li>
<li><a><img /></a></li>
<li><img /></li>
<li><a><img /></a></li>
</ul>
<div id=”main”>
</div>
■CSSソース
#logo {
float: left;margin: 0;padding: 0;
}
#menu {
float: right;position: relative;top: 90px;padding: 0;margin: 0;
}
#menu li {
float: left;margin: 0;padding: 0;
}
#main {
clear: both;padding: 10px 0px 0px 0px;margin: 0;margin-right: 1px;border: 1px solid #999999;border-top: none;font-size: 13px;
}