Ayuda alinear img con 960 Grid

[analoyra]

Hola gente, estoy haciendo una web donde utilizo 960 Grid System
Modiique el diseño en photoshop y lo estoy intentando pasar pero me encuentro que tengo un monton de lios
Aca esta la imagen http://www.cosmeticosbahia.com.ar/inmo/citybuilding.jpg

El id lateral, e id imgcabecera quedan separados unos 10px,horizontalmente, es decir no queda pegado como en la imagen

Aca el html

Código HTML:

<div class="container_16">
    
    <div class="grid_4" alpha id="lateral" >
          
    </div> <!-- grid 4 -->
    
    <div class="grid_12" omega >
         <img src="images/encabezado.jpg"  height="189" width="452" alt="cabecera"id="imgcabecera" /> 
         
    </div><!-- grid 10 -->  
 
 
    </div> <!-- fin container 16-->
 

y aca el css

Código CSS:

body{
    
    background:#FFf;
    
}
#imgcabecera {
    clear:both;
    width:452px;
    height:189px;
    float:left; 
    margin-left:0;
    margin-top:0;
    
    
    }
#lateral{
    clear:both;
    width:160px;
    height:600px;
    float:left;
    margin-left:0;
    background-position:left;
    background-image:url(../images/lateral.png);
    background-repeat:no-repeat;
    background-attachment: fixed;
 
    }
 

Espero haber sido clara y que me puedan echar una mano. desde ya GRACIAS de antemo