title: google maps fullscreen
body: <p>Im trying to get google maps to show 100% width and height. I have search several examples but cannot get it to work. The page it here</p>
  
  <p><a href="http://o-meter.dk/geo2.html" rel="nofollow">http://o-meter.dk/geo2.html</a></p>
  
  <p>I used this css in the head</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  html, body { height:100%; }
  &lt;/style&gt;
  </code></pre>
  
  <p>and this in the map div inline</p>
  
  <pre><code>&lt;div id="map" style="width:100%; height:100%;"&gt;indenfor&lt;/div&gt;
  </code></pre>
  
  <p>The map dosnt show</p>
  
  <p>If i do this instead</p>
  
  <pre><code>&lt;div id="map" style="width:500px; height:500px;"&gt;indenfor&lt;/div&gt;
  </code></pre>
  
  <p>then the maps shows in 500x500 pixels.</p>
  
  <p>what am i doing wrong ?</p>