消えるボーダーライン IE6の巻

IE6にてまたしてもバグに遭遇・・
IE7.jsにてpng画像のリピートが出来ないがために
その細工を断念して、ボーダーのラインで済まそうと
border指定して、IE6でプレビューしてみると
線が中途半端（３割程度？）に表示されている状態
ブラウザの表示エラー？とか思って更新ボタンを押すも変わらず・・・
なんじゃこりゃ・・・

調べてみると、
IE6でfloatさせるとその親要素のサイドのボーダーが表示されないらしい
解決方法としては、その親要素をwidth指定してやれば済んだ
とりあえずメモ

IE7.jsでPNG画像はリピート出来ない

なんてこった・・・
Webのページをデザインしていて
全体背景に上から下へグラデをひいて
メイン（本体？）の部分の背景に影をつけようと思い
png画像を使おうとie7.jsのお力を借りようとしたわけですよ
メイン部分は横幅は固定できても、縦の長さは固定したくないので
pngの透過画像をy-repeatしようと思っていたのだが・・・

こんな感じかなと思ってIEでチェックしてみたところ
背景画像が消えているではいないか！
なんで？　と良く見ると
画像一つ分は表示されているようで、きちんと透過され
背景のグラデにきちんとなじんではいるのだが
画像一つ分では背景にはならない・・・

で、まさか・・・　と調べてみると
どうやら、IE7.jsではPNG画像のbackground-repeatは出来ないらしい・・・
png画像のbackground-repeat出来るライブラリ？はあるようなのだが
そこまでしてこだわる気力はすでに失われているのでこの件は却下・・

ああ、Googleのテストページではpng画像がリピートされてるのに
何で出来ないっていうの？と思ってたら
テストページを見てるのがSafariでだからだ・・・
これをIE6で見るとリピートされてないのね・・・
確認するつもりもないけど・・・

ああ、はやくIE6が消えて欲しい・・・