height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important;

あるサイトで、
背景画像崩れに遭遇。

なんでよ？

って調べるも、なかなか原因分からず。

FF Firebugによると、
どうやら、
Google MAP API V3　standard.css
body {
height:100%;
margin:0;
padding:0;
}
内に書かれている、
height:100%;の影響を受けているらしい。
(ひとつひとつ確かめていった上で、やっと確認できた)
※http://code.google.com/intl/ja/apis/maps/documentation/javascript/examples/standard.cssなんだよ？
これ？

どうすんの？

と思ったが、

せっかく導入した、
Google MAP API V3　を、
こんなことで、外すわけにもいかず、

新たに、
body {
height:auto!important;
}
と書くことで、対応した。



▼2011.5.28.追記
Google MAP V3で、また、地図位置がおかしなことになってる。
なんでよ？

って思って、調べたら、

なんと、
http://code.google.com/apis/maps/documentation/javascript/examples/default.css
の内容が、いつの間にか変更されてる！

body {
height: auto;
margin: 0;
padding: 0;
}

#map_canvas {
height: auto;
position: absolute;
bottom:0;
left:0;
right:0;
top:0;
}


body {
height: auto;
にしてくれたのはいいが、

#map_canvas {
height: auto;
position: absolute;
が影響を与えているような気もする。


デフォルトCSSで、absolute指定するのもどうよ？
って気もするが、
それ以前に、
Googleを信用して、

http://code.google.com/apis/maps/documentation/javascript/examples/default.css
を自分のサーバにも上げず、
そのまま使い続けていた管理の甘さの方に問題があるのかもしれぬ…

とりあえず、
こんな頻繁にデフォルトCSSを変更されたら、
かなわないので、

http://code.google.com/apis/maps/documentation/javascript/examples/default.css

は、取り外した。


あー、もうー、
なんなのよ
一体？

Google　CSS部隊は、
何がやりたいんだ？