IE、FireFoxのレイアウト崩れをなおしました

こないだ会社のパソコンから自分のブログを見てみたらとても深刻なレイアウト崩れが発生していることに気づきました。 
家に帰ってから調べてみるとどうやら、IEとFireFoxでレイアウト崩れが発生している模様(Opera、Safariは確認していません…)

 二日ほど原因を調べていてどうやら左上のロゴに原因があることが判明しました。
 以前、ロゴを追加したのですが初めはCSSで画像の追加のみ行いました。
この時点では、特に問題はありません。 しかし、そのあと画像にリンクを持たせるため、HTMLでも<img />タグで同じ画像を呼び出していたため、レイアウトが崩れてしまっていたようです

 いってしまえばただの不注意ですが、今回のミスを通してカスタマイズ中のテンプレートにいかに無駄な要素が多いかを知るきっかけになりました(＾＾；) 

今後もカスタマイズを続けていく中で、無駄な要素は削除するようにしてい着たいと思います
その方がメンテナンス性が上がるってもんですな！