CSS come si può "attaccare" un'immagine ad un riquadro

Salve ragazzi!!

Allora io ho un foglio di stile dove vengono definite i seguenti "riquadri" :

#menu {
float: left;
width: 80%;
background-color: #34b5d0;
overflow: auto;
}
#content {
float: right;
width: 75%;
margin:0px 0px 50px 0px;
background-color: #34b5d0;
overflow: auto;
}

Vorrei capire se esiste un modo per "attaccare" un'immagine alla fine di un riquadro...in modo che se restringo il riquadro (per esempio con lo zoom) quella riscala perfettamente come il riquadro e, cosa più importante, che rimanga attaccata al riquadro su ogni broswer e ogni risoluzione. Esiste un modo?

[acsocmel]

a parte che non sei chiaro dicendo "alla fine di un riquadro"
devi inserire l'immagine nell'html e via css gli dai la larghezza in percentuale

Se la inserisco in Html e gli do la larghezza i due elementi (immagine e riquadro) si muovono separatamente...ora vi mostro cosa intendo



Vorrei inserire delle immagini sotto il riquadro di destra e di sinistra che anche riscalando la visuale rimangano attaccate e si ridimensionino come i riquadri

Prova a mettere all'immagine width="100%"