title: How to make sections having a 100% of window's height
body: <p>I've got my page divided into section tags which acts like the website have multiple pages. My problem is that I can't get each section to have 100% of window's height, <strike>and somehow there are gaps between sections</strike>.</p>
  
  <p>I hope I can resolve this without any JavaScript and using percentage so it would be more fluid.</p>
  
  <p>Below is roughly what my page's HTML look like:</p>
  
  <pre><code>&lt;div id="nav"&gt;
    navigation code here
  &lt;/div&gt;
  
  &lt;div id="wrapper"&gt;
    &lt;section&gt;content&lt;/section&gt;
    &lt;section&gt;content&lt;/section&gt;
    &lt;section&gt;content&lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The full HTML &amp; styling can be found at <a href="http://theailona.com/doaibu" rel="nofollow">http://theailona.com/doaibu</a></p>
  
  <p>EDIT: gaps are solved thanks to Gopikrishna &amp; Praveen Kumar</p>