先日、テンプレートをぷち修正して<div>を2つ減らすことが出来ました。
わーい∩(・∀・)∩
修正した内容はヨモツネットさんの『横幅が 100％ の header を ~inner を使わずに実現する』を元にやらせていただきました。
その手があったかッ。って感じです。ありがとうございます。

ここから続き >>

具体的には

<div id="container">
  <div id="layout">
    記事部分とサイドバー
  </div>
  
  <div id="footer">
    <div id="footer-body">
    </div>
  </div>
</div>

となっていたのを<div id="layout">と<div id="footer-body">を無くしました。

ただ、今のこのブログはIE7・Safari(Win)にて任意の場所からブラウザ右端までドラッグしていくと、見知らぬところまでいっちゃいます…(´･ω･`)/~~~

ヨモツネットさんの記事のコメント欄にも、このような現象が起こると言う書き込みがあり既に修正・更新されている様でしたが、残念ながら『左右非対称なレイアウト』の方はまだ更新されてませんでした…。

このテンプレートは記事部分(<div id="contents">)とサイドバー(<div id="side">)をフロートさせてるので、『左右非対称なレイアウト』の方も更新されていれば参考にさせてもうらおうと思ってましたが…。
ちなみに自分でなんとかしてみようと試みましたがダメでした。挫折です。
とりあえず更新されるのを待ってみます。

それまではドラッグ注意と言うことで。