title: Stretch height/width to fit screen in <Div> Tag
body: <p>I have a map wrap in div tag, what can I do to make "map_canvas" stretch 100% for width/height below h1 tag?</p>
  
  <p>CSS and javascript is possible?</p>
  
  <pre><code>&lt;div data-role="page" id="gmap"&gt;
      &lt;div data-role="header" data-theme="b"&gt;
          &lt;a href="#map" data-icon="back" data-transition="none"&gt;Back&lt;/a&gt;
          &lt;h1&gt;Google Map&lt;/h1&gt;
      &lt;/div&gt;
      &lt;!--div id="map_canvas" style="width: 480px; height: 480px"&gt;&lt;/div--&gt;
          &lt;div id="map_canvas"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Cheers.</p>