tableの外上部になぜか出来てしまう微妙な行をなくしたいのですがどう

質問

tableの外上部になぜか出来てしまう微妙な行をなくしたいのですがどうしていいかわかりません。

左を＜MAIN>　右を＜SIDE>として作っていまして、
現在MAINでtableを使っていますが、代わりに<P>を使うと、SIDEの現在aaaaaaと書かれているところと行がぴったり合うのですが、tableにすると、なぜか緑部分の改行が出来てしまいます。
こういう現象は実はよく起こるのですが、何が原因なのでしょうか。宜しくお願いいたします。

<!-- メインコンテンツここから -->
<div id="main">
<table class="width2" cellspacing="0" cellpadding="0">　
<TR><TD colspan="2" class="font7"><font color="#dc143c ">■</font>タイトル</TD></TR>
<TR><td width="110"><img src="images/taiyo.jpg" alt="表紙" /></TD><TD><a href="http://（アドレス）" target="_blank">タイトル２</a></TD></TR>
</table>
</div>
<!-- メインコンテンツここまで -->
<!-- サイドメニューここから -->
<div id="side">
<P>aaaaaa</P>
</div>
<!-- サイドメニューここまで -->

CSSは、

#main{
float:left;
padding-top:10px;
padding-left:10px;
width:575px;
}
#side{
float:right;
padding-top:10px;
padding-right:10px;
width:200px;
}
table.width2 {width:575px;
border-spacing:0px;
margin: 0px;
}

回答No.1

x_lady007 · ベストアンサー

この記述の後ろに全角スペースがあるんじゃないですかね？

<table class="width2" cellspacing="0" cellpadding="0">■←ココ

お礼

直りました！

なんと、そんな単純な理由だったとは・・・気付きませんでした。

ありがとうございます。

こういう細かい点、見直したほうが良さそうですね。

大変助かりました。

本当にありがとうございました。