title: How do I move that div with CSS in a clean way?
body: <p>I am doing some CSS and I posted the result there:</p>
  
  <p><a href="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc7/419882_389321854411184_131327856877253_1629934_584123648_n.jpg" rel="nofollow">http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc7/419882_389321854411184_131327856877253_1629934_584123648_n.jpg</a></p>
  
  <p>I would like to move the little orange and grey div's up so that it's right below the blue one.</p>
  
  <p>I know I can use position:absolute and move the div wherever I want, but this is obviously not the best way of doing it.</p>
  
  <p>How would I have to do that?</p>
  
  <p>Here is the CSS code for those 5 divs:</p>
  
  <pre><code> #alldivs {
          width: 700px; margin: 0 auto; position: absolute; padding: 30px;
      }
  
      #green {
          width: 400px; height: 350px; margin: 0px; float: left; background: green;
      }
  
      #blue { width: 300px; height: 250px; margin: 0px; float: right; background: blue;
              }       
  
      #red { width: 400px; height: 200px; margin: 0px; float: left; background: red;
      }   
  
      #orange {
          width: 300px; height: 100px; float: right; background:orange;
      }
  
      #grey {
          width:300px; height:200px; float:right; background:grey;
      }
  </code></pre>
  
  <p>Thanks a lot</p>