[OpenLayers-Users] map div height 90% not working

Tue Sep 15 13:33:05 EDT 2009

I have the following page structure

body { width: 100%; height: 100%; margin: 0; }
#main { width: 100%; height: 100%; }
#map { width: 100%; height: 90%; }

<body>
<div id="main">
  <div id="map"></div>
  <div id="coords"></div>
</div>
</body>

Yet, my map div height collapses to nothing... a pixel maybe, and the
map vanishes. Of course, if I change either #main { height: 700px; }
or #map { 650px; }, the map displays fine. I am testing on Firefox. Is
there some trick to making the map div expand to 90% of the height of
the browser window?

-- 
Puneet Kishor