hacer divs de 3 columnas y darle espacio a ellos

[esaenz22]

no jomaruro. le puse el text-align:center y no funciono.

alguna solucion ?

edito. le dejo el estilo y lo que estoy maqueteando. en realidad, se lo basico de css, pero quiero aprender mas.

Código CSS:

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #FFFFFF;
}
 
#contenedor{
    width:960px;
    height:780px;
    margin:0px auto;
}
 
#cabecera{
    width:960px;
    height:141px;
    margin:0px auto;
    border:#666666 1px solid;
}
 
#espacio1{
    width:960px;
    height:11px;
    margin:0px auto;
}
 
#espacio2{
    width:960px;
    height:14px;
    margin:0px auto;
}
 
#cuerpo{
    width:960px;
    height:327px;
    margin:0px auto;
    border:#666666 1px solid;
}
 
#detalles{
    width:960px;
    height:234px;
    margin:0px auto;
    border:#666666 1px solid;
}
 
#column_izquierda {
    width:216px;
    height:226px;
    float:left;
    border:#666666 1px solid;
}
#column_derecha {
    width:738px;
    height:233px;
    float:right;
    border:#666666 1px solid;
}
 
/* sufijos 
-top (superior), -bottom (inferior), left (izquierda) y right (derecha): */
 
#column_derecha ul li{
    float: left;
    width: 40% ;!important
    list-style-type:none;
    margin:5px;
    margin-left:2px;
}
 
#espacio3{
    width:960px;
    height:19px;
    margin:0px auto;
}
 
#footer{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width:960px;
    height:auto;
    margin:0px auto;
    border:#666666 1px solid;
}
 
/* sufijos 
-top (superior), -bottom (inferior), left (izquierda) y right (derecha): */
 
#footer_izquierda{
   width:216px;
   height:auto;
   margin:0 0 0 5px;
   float:left;
   padding:2px;
}
 
#footer_derecha{
    width:134px;
    height:auto;
    margin:0 0 0 10px;
    float:right;
    padding:2px;
}
 
#footer_principal{
    width:604px;
    height:auto;
    text-align:center;
}
 

Código HTML:

<div id="contenedor">
  <div id="cabecera"></div>
  <div id="espacio1"></div>
  <div id="cuerpo"></div>
  <div id="espacio2"></div>
  <div id="detalles">
    <div id="column_izquierda"> <img src="imagenes/producto_destacado.jpg" /> </div>
    <div id="column_derecha">
        <ul>
          <li><img src="imagenes/encapsulados.jpg" border="0" /></li>
          <li><img src="imagenes/industriales.jpg" border="0" /></li>
          <li><img src="imagenes/iluminacion.jpg" border="0" /></li>
        </ul>
    </div>
  </div>
  <div id="espacio3"></div>
  <div id="footer">
    <div id="footer_izquierda"><a href="#" class="enlacewebmail">Webmail</a></div>
    <div id="footer_derecha">Powered by INTERCOM</div>
    <div id="footer_principal">Copyright 2009</div>
  </div>
</div>
 

saludos.