ＩＥとＦｉｒｅｆｏｘの表示の調整について

タイトル下のＪｉｆ.画像とdescriptionがかぶっていたので
ＣＳＳの
.description
margin-bottom:○○px;←を変更してみましたが効果が無く、
「トップページ、個別、カテゴリーアーカイブ、月間アーカイブ」とも
画像の前に<br><br>を入れてみたらＩＥ、Ｆｉｒｅｆｏｘともに表示の
誤差はあるものの重なりが取れました。

質問：１＝↑この方法で間違っていませんでしょうか。

質問:２＝画像は<!-- Loop Start -->のすぐ後に入れていますが
上部タイトルスペースに入れる場合は何処の後ろ（前）に
入れるのが正しいですか？


右サイドプラグインが下に落ちるので、
過去の質問を参考にＣＳＳのサイズを変更し↓

#container=width:753px;
#banner,#subbanner=width:753px;
#blogcontainer=width:753px;
#content=width:574px;
#blog=width:530px;
padding-bottom:20px;
margin:0 auto;
#links=float:right;

   width:171px;
   padding:3px 3px 20px;　→
 

→　#linksのpadding:を3px ０px 20px;　
にしたら上部に戻りました。

質問:３＝右サイドプラグインの値を元に戻し、
日記を書く本体幅を狭くするのは#contentの横幅を
調整すれば良いでしょうか？

度々、ご迷惑をおかけしますが、よろしくお願いします。

Fire fox で見ると「description」の部分とサイドバーが同じ高さにありますね
（ＩＥ６なら問題ないのに何故なんだろ＾＾；
ＣＳＳ、ＨＴＭＬを弄くりすぎてしまったかも・・）

質問２
私のブログの場合ですが、
<div id="blogcontainer">
の下にアマゾンの広告を挿入しています。
（「.description」 （＝ブログの説明で書いている文章） と広告が重なるような不具合はありません）

質問３
記事の幅を拡げたい・・ですよね（？？）
であれば、
#container=width:753px;
#banner,#subbanner=width:753px;
#blogcontainer=width:753px;
#content=width:574px;
#blog=width:530px;
の全てを同じ数値づつ増やします。
（「#links=」ってのは意味不明っす）

現在のデザインを保存されてから試してみて下さい。


追伸：
何処がどうなってしまい崩れてしまっているのか判断できかねますが、
面倒でも、１度デフォルトのデザインに戻してから少しずつ修整していった方がイイかも＾＾；