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.

[yamidvo]

Podria funcionar de la siguiente forma:

Código CSS:

#capa-imagen {
     background-image: url("ruta_de_la_imagen");
     width:50%;
}
 

codigo html:

Código HTML:

<div id="contenedor">
       <div id="capa-imagen">
       </div>
</div>
 

[PHPeros]

Si la imagen está dentro del div se alineará a él automáticamente:

Código CSS:

#capa-imagen>img {
     background-image: url("url");
     position: relative;
}
 

Luego lo puedes ir posicionando con márgenes... Saludos!