Zwei Divs Nebeneinander und Untereinander

[iwasherefirst]

Hallo,

ich hätte gerne zwei Div Container haben, mit der Eigenschaft, dass wenn die Seite unter 1000px Breit ist sie untereinander sind, und wenn die Seite Größer als 1000px ist nebeneinander. In Beiden Varianten möchte ich, dass sie Mittig sind, also wenn sie nebeneinander sind, soll der Abstand zwischen ihnen und rechts und links davon gleich sein.

Ich hab mir das ungefähr so gedacht:

<div style="border:dotted;min-height:500px;padding:0 20% 0 20%">  
  
<div style="background:#256;width:500px;float:left">  
TextTextTextTextTextTextTextTextText  
TextTextTextTextTextTextTextTextTextText  
TextTextTextTextTextTextvvvv TextTextTextTextText  
</div>  
<div style="background:#896;width:500px;float:right">  
TextTextTextTextTextTextTextTextText  
TextTextTextTextTextTextTextTextTextText  
TextTextTextTextTextTextvvvv TextTextTextTextText  
</div>  
  
</div>

Hier sind die Boxen aber jeweils nicht Mittig.

Gibt es da eine Lösung für?