変な隙間ができてしまいます

質問

tableで全体を構成している中に、横に並べたメニューバーの段を作っています。高さを30にしたいのですが、メニュー自体は30のようですが全体の高さがおかしくなり、メニューバーの下部に隙間ができてしまいます。
色々試してみていますが、どうしても直せません。
どうしたら30ぴったりのメニューにできるでしょうか？
教えてください。よろしくお願いします。

メニューはonmouseで背景の色が変わるのと、下に説明書きが出るようにしてます。

【メニューバーの内容】
<td width="10" height="30" background="side.gif"></td>（サイドの部分）
<td width="110" ><a href="info_01.html" id ="menu">INFO<SPAN class=setumei>情報</SPAN></a></div></td>
<td width="110"><a href="info_02.html" id ="menu">NEWS<SPAN class=setumei>お知らせ</SPAN></a></div></td>
・・・
<td width="10" height="30" background="side.gif"></td>

【CSSの内容】
a.menu{/*・・・・メニューバー ロールオーバー・・・*/
background:url(manubar_back1.gif) no-repeat;
color:#424242;
display:block;
font-weight:bold;
font-size: 12px;
height:30px;
letter-spacing:0px;
text-decoration:none;
text-align:center;}
a:hover.menu{
color:#666666;
background:url(manubar_back2.gif) no-repeat;}

.setumei {/*・・・・メニューバー popup・・・*/
display: none;
position: absolute;
top: 30px;
left: 0px;}

a:hover .setumei {
display: block;
background-color: #F3F3F3;
color:#666666;
width:110px;
font-size: 11px;
padding-top:2px;
padding-bottom:3px;
text-align:center;}

回答No.1

noname#83877 · ベストアンサー

なんとなく、ですがHTMLのソースの記述ミスな気がします。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
ここでチェックしてみてください。

お礼

ありがとうございます。
なぜか同じことをそのまま書き直したらうまくいきました。

まとまったらチェックしてみようと思います。