HTML responsive

[xfxstudios]

no veo porque no se les ajusta la imagen:
asi funciona:

Código HTML:

<style>
img{
    width:100%;
}
#caja{
    width:60%;
    height:60%;
}
</style>
<div id="caja">
<img src="img/fondo2.jpg" />
</div>
 

y asi:

Código HTML:

<style>
img{
    width:100%;
}
</style>
<img src="img/fondo2.jpg" />