先日も書いたのですが、IE(Internet Explorer：インターネットエクスプローラ)で紅葉テンプレートを表示したとき、何故か文字が消えてしまうという減少が発生しました。

原因は、IEのバグ。


背景色(background)を指定したブロック要素Ａ内に、フロートした要素Ｂがあるとき、ブロック要素Ａ内の文字列が消える、というもの。
→背景色が指定された要素内にフロートがあるときに要素内の文字が消える(IE6)。

背景色を指定したブロック要素内にフロート配置した要素があるとき、ブロック要素内の文字列が消える。
（中略）
このバグは、親要素の幅をwidthプロパティで明示することで回避できます。



ということなので、親要素に幅(width)を指定することで解決しました。


ちなみに、IEのCSSバグについてはInternet Explorer (Windows) CSSバグリストが非常に参考になります。