入れ子のボックスのつもりなのですが、うまく出来ません。

livedoorブログで、デザイン面など、少しカスタマイズしています。ページの最後(下)の部分のコンテンツの表示幅が自分が意図したものにならなくて困っています。トップページやアーカイブページは問題ないのですが、個別記事ページだけで問題が発生しています。

<div id="container">
 ........
 ........
 <div class="site-navi">....</div>
 <div id="footer">....</div>
</div>

というような構造にしてあるつもりなのですが、"container"の中の"site-navi"と"footer"が飛び出してしまったような表示となります。テンプレートHTMLを書き換えている時に何か必要なものを消してしまったのでは?"/div"の閉じ忘れが無いか?などトップページのソースと見較べてはいるのですが、自分では原因がわかりませんでした。どう修正したらよろしいでしょうか?

</div>の閉じ忘れ（足りない）というより
むしろ
</div>が多い

おそらく、
<div id="ad">
の対応</div>
の後の</div>
が一つ余計。

蛇足：
<a> は、ブロックエレメントを内容に持つことができない。
ダメ：

<a><p></p></a>

</ul>Translation

<ul> の間違い

</ul><span style="color:#CCCCCC;">管理人用</span>

同じく
<ul> の間違い

<ul>は、内容として<li>だけをもつことができる
その意味でも間違い
同じ間違いとして
沢山ある

<ul class="indent0">Windows' application

のように
<ul> の中身に<li>でなく、直接テキストを書くのも間違い。
外にだすか、<li>の内容にする