DIV Container & Float

[tehhtml]

  
  
 #Box3  
        {  
            float: left;  
            background-color: #DD02ED;  
            width: 200px;  
            height: 100px;  
        }  
  
  
  
             #Box2  
        {  
            float: right;  
            background-color: #990000;  
            width: 200px;  
            height: 100px;  
            /*padding: 10px;*/  
        }  
  
  
             #Box1  
        {  
            float: right;  
            background-color: #1100AA;  
            width: 200px;  
            height: 100px;  
        }  
  

Sie stehen zwar in der richtigen Reihenfolge, jedoch ist Box 3 ganz links, und Box 2 & 1 ganz außen.. Mich interessiert eigentlich wie ich den leerraum dazwischen wegkriege, so dass sie im selben abstand auf der linken Seite nebeineinander stehen..