... in base alla dimensione di un div e non della finesta del browser.... è possibile?

In pratica io ho un div "container" che è alto il 30% della finestra del client... ridimensionando la finestra del client anche il "container" si ridimensiona... mentre l'immagine imane uguale...

il codice è questo:
codice:
<head>
<script type="text/javascript" language="JavaScript">
function resize() {
	var immagine = document.getElementById("img");
	immagine.style.width = document.body.clientWidth;
	immagine.style.height = document.body.clientHeight * 30 / 100;
	document.
}</script>
</head>

<body onLoad="javascript:resize();" onResize="history.go(0)">
...
Effettivamente alla partenza l'immagine è dimensionata al modo giusto.... quando invece rimpicciolisco il client l'immagine imane la stessa