CSS - centrare due div all'interno di un terzo contenitore

Come centrare due div all'interno di un terzo contenitore con i CSS

by Michele Pisani

HTML

<div id="contenitore">
    <div id="box_rosso"></div>
    <div id="box_giallo"></div>
</div>

CSS

#contenitore {
    width:600px;
    height:400px;
    background:#CCC;
    position:relative;
    border:solid 1px #000;
}

#box_giallo,#box_rosso {
    width:150px;
    height:150px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-150px;
    margin-top:-75px;
    background:red;
    border:solid 1px #000;
}

#box_giallo{
    left:75%;
    background:yellow;    
}