ajustar imagen a div teniendo solo el ancho del div

[roboty]

Lo que intento conseguir es ajustar una imagen a una capa donde solo tengo definido el ancho y en este caso es en %, pero no se me ajusta alguna idea de como conseguir ese efecto, pongo ejemplo;


css

Código CSS:

#capa-imagen{
     width:50%;
}
#capa-imagen img{
     border:none;
     padding:0;
     margin:0;
     width:100%;
     height:auto;
}
 

Código HTML:

<div id="contenedor">
       <div id="capa-imagen">
             <img src"imagen.jpg">
       </div>
</div>
 

la imagen no se ajsuta la parte de abajo, que estoy haciendo mal?

Saludos.