выровнять два div по центру

сабж посоны!надо чтобы резиновым он был, чета не получается у меня

HTML:

<style type="text/css" media="screen">
#auto {
width: 99%;
height: 320px !important;
float: left;
border: 1px solid black;
margin: auto;
}


#left {
overflow: hidden;
position: relative;
width: 500px !important;
height: 320px !important;
float: left;
border: 1px solid green; margin: 0 auto; margin-left:auto;

}

#right {
padding-left: 5px;
width: 100% !important;
height: 318px !important;
float: left;
border: 1px solid red;
margin-left: 503px !important;
margin-top: -321px;
}
</style>

<div id="auto">
<div id="left">left</div>
<div id="right">right</div>
</div>

 

>> #left width: 500px !important;
#right width: 100% !important;

"just the two of us"
одно из двух, иначе не взлети - относительные % VS жесткие в pix.