How do I create a honeycomb div grid rather than the standard grid?
<p>Here is a rough normal grid structure: <a href="http://jsfiddle.net/CFxzH/1/" rel="nofollow">http://jsfiddle.net/CFxzH/1/</a></p>

<p>I am trying to create what I call a honeycomb grid rather than the standard div grid. Here is a rough illustration.</p>

<p>NORMAL GRID</p>

<pre><code>[] [] [] [] []
[] [] [] [] []
[] [] [] [] []
[] [] [] [] []
[] [] [] [] []
</code></pre>

<p>HONEYCOMB GRID</p>

<pre><code>[] [] [] [] []
  [] [] [] []
[] [] [] [] []
  [] [] [] []
[] [] [] [] []
</code></pre>

<p>What I also want to achieve is dynamic 100% width of the parent box, expanding with the width of the window.</p>
