title: 960 Grid with html5 header-tag
body: <p>I am a newbie to 960.gs and experience some problems with it and html5.</p>
  
  <p>I am trying the following:
  An image should span <strong>2 grid units</strong> and in the same line a div should span <strong>5 units</strong> then (because that "line" is full) a line break should follow and a heading should be displayed. I tried it the following way:</p>
  
  <pre><code>&lt;div class="container_12"&gt;
      &lt;header class="grid_12"&gt;
          &lt;img src="nothing" class="grid_2 alpha"&gt;&lt;div class="grid_5 suffix_5"&gt;SOMETHING&lt;/div&gt;
          &lt;h1 class="grid_2 omega"&gt;title&lt;/h1&gt;
      &lt;/header&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my understanding of 960.gs this should create the desired effect. It actually doesn't: It displays the image on one line and the div and the heading under each other and a little indented on the next line. Is this because of the usage of other elements than div's?</p>
  
  <p>Thanks for your help in advance! (I got plenty of information from <a href="http://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/" rel="nofollow">http://www.webdesignerdepot.com/2010/03/fight-div-itis-and-class-itis-with-the-960-grid-system/</a>)</p>