GoogleMapを全領域で表示

JavaScript スタイルシート

GoogleMapを全画面で表示するには・・・

#map { width:100%; height:100%;}


これだと情報を表示することができない
情報を表示する領域を作るには、

html,body { width:100%; height:100%;}
#map { position: absolute; width:100%; height:100%;}
#map_info { position:absolute; z-index:1;}

スタイルシートでこんな感じ。
これで、IE,Firefox両方うまくいく。
結構悩んだ･･･

mapがGoogleMapのID
map_infoが地図上に表示するエリア

テストページ
http://www.takoashi.net/sp/bigmap.html



html,bodyはあとから追加しました。
これがないとうまくいかないパターンが多い。
どうも、bodyの幅がわからないとその子要素のdivタグの100%が正しく解釈できないようです。