タイトル画像を変更したのですが、余白を修正するにはどうしたらよいでしょうか？

数時間格闘しておりますが、わからないので皆様のお力を拝借できたらありがたいと思い質問致します。


Liquid Piano（2カラム）をカスタマイズしました。

タイトル画像を入れ替え、最初にあったタイトルと紹介文を消し、画像をクリックするとトップに戻るように試行錯誤の上設定しました。

出来たことは出来たのですが、余白が飛び出てるのがどうしても気になります。
どこを修正すればよろしいのでしょうか？


修正箇所は下の画像をご覧ください。




続きまして一番下もずれております。



どこを修正すればよろしいのでしょうか？

お手数ですがご存知の方、教えてくださいませ。

現在、タイトル部分は、

<div class="blog-title-outer">
<div class="blog-title-outer-2">
<div class="blog-title-outer-3">
    <a href="http://blog.livedoor.jp/tsuwamono_kyoken/" target="_blank" title="ブログトップへ"><img src="http://livedoor.blogimg.jp/tsuwamono_kyoken/imgs/5/e/5e338165.jpg" /></a></div>
</div>
</div>
</div>

のようになっていますけど、
</a> の後の</div>が余計ですね。
このために、
上位の要素である<div id="container"> を閉じてしまっていて、
本来<div id="content" class="hfeed">が含まれるべき
<div id="container">と並列になっているのが、凹みの原因です。

現在、div の整合も取れていない(</div>が１つ多い)ので、
余白云々より、まず、指摘した</div>を削除することをお薦めします。