背景画像食い込み訂正(涙)

以前ここで背景画像を食い込ませるテクを紹介しましたが、私の方式だと固定リンクのページでコメント部分に余計な背景画像が表示されてしまう不具合があることが判明いたしました。
あれからいろいろ試行錯誤しまして、ようやく不具合を解消することができました。
この方式を採用してくださったみなさまには、大変ご迷惑をおかけしたことをお詫びいたします。

修正した方式では、コメントを書いて「確認ボタン」を押した後に飛ぶページは、「#banner」の画像のみが表示されることになります。
以前の方法だと「#banner」の画像の下に、位置のずれた「#center」の画像が表示されていたので（うわーーん）、今のほうが多少スマートになるかなとは思います。

＊修正した箇所

#center { width: 400px; }

.content { background-image: url(center2.jpg); background-repeat: no-repeat; background-position: left top; }

こちらを以下のように直しました。

#center { width: 400px; background-image: url(center2.jpg); background-repeat: no-repeat; background-position: left top;}

.content { background-color: transparent;}

「#center」で指定する背景画像より「.content」クラスの背景画像の方が上に表示されます。
そのため、「.content」の背景色を透明にしています。
すいません、transparent（透明）というタグ、ついこないだ知りました～～～っ(涙)。

考えてみたら、「#containeｒ、#left、#right」と、他のとこは＃つきタグだったのに、真ん中だけ「.content」ってのも変だよな、とは思っていました、あはははっ（っておいっ）。
おのれは、クラス（.）とID（#）の違いも分かってなかったのかと・・・・。
コメント部分だけポコッと画像が出たのは、入力部分のINPUT typeあたりが原因か、あるいはこの部分が子セレクターになってるのか（親子関係にあるセレクターは親の背景画像を継承してしまうのです。これはニフティの罠か？）、とも思いつつ、結局よく分かりませんでした、本当にごめんなさいっ(涙)。

以前の「カスタマイズ11（背景を食い込ませる2）」も同時に修正してあります。
うううう・・・やっぱ私がこんなことやったのは分不相応だったのか・・・・。

ついでと言っては何なんですが「#center」の幅を400pxにした場合、コメント本文入力部分のテキストエリアが少しはみ出てしまうので、以下のタグを入れるいいみたいです。

#comment-text{ width: 365px; }

370pxだと微妙にはみ出るようです