Zarovnání dvou divů v divu na střed

Zdravím,

mám takový problém. Uvedu příklad:

<div id="wrapper">

<div id="leftInnerWrapper"></div>

<div id="rightInnterWrapper"></div>


</div>


css

#wrapper{

}

#leftInnerWrapper{
width: 30%;
height: 100px;
float: left;
}

#rightInnerWrapper{
width: 30%;
height: 100px;
float: left;
margin-left: 20px;
}


Takto se vykreslí dva divy vedle sebe uvnitř divu wrapper, s tím, že první div se vykresli u levého kraje divu wrapper, druhý div 20px napravo od prvního a poté prázdný prostor. Chci aby napravo praveho divu byla stejna mezera jako nalevo levého divu.


Lze to udělat nějak jinak než natvrdo napsat margin-left s přesnou hodnotou?
Takto

ty vnitřní divy potřebuju mít nastavené na pevnou šířku v px

http://kod.djpw.cz/keeb

Dokáže to někde upravit aby se zarovnaly na střed?