IE6 で float させると親要素の border が消える CSS バグ はじめてのブログデザイン

Windows の IE6 に CSS で float を指定した際、その float 指定した要素の親要素に指定された左右の border が消えるバグがあるようです。 私が上記のバグに気が付いたのは ul 要素内の li 要素を並列させる為に、li 要素に float:left; と指定しボタンを作成した時に気が付きました。 以下、その時のサンプルソースです。（※ボタンは３つを並列させているとお考えください。） ul { width : 99%;/* IE6 の為に指定 */ text-align : center; list-style-position : inside; border-left : solid 1px #ccc; overflow : auto; } ul li { float : left; width : 33%; height : 30px; line-he

[club_underground]

困ったらwidth指定。