title: Windows 8 UI in css
body: <p>I'm trying to get a windows-8-like style on my website, but there is something wrong with the aligning of the divs. When a big square is put into the design, the other (smaller) rectangles and squares are put aside in a wrong way.. I've made a jsfiddle to show you the problem. </p>
  
  <p><a href="http://jsfiddle.net/CGX7S/" rel="nofollow">http://jsfiddle.net/CGX7S/</a></p>
  
  <p>I have tried to use float and then clear every line, but i think this can't be the ideal solution.</p>
  
  <pre><code>float:left
  </code></pre>
  
  <p>Can you help me out? Do i have to do a trick with jquery, javascript, floats or css?</p>