изменение размеров DIV с картинкой
 

Использую resizable из UI JQUERY, но не получается оставить картинку в пределах ограничения внешнего DIV

Внутри DIV картинка, при изменении размеров DIV меняю размеры картинки. Однако продолжая тянуть мышкой за пределами ограничений внешнего DIVа картинка все равно увеличивается.

<div id="prim" style="width: 300; height:300">
  <div id="sec" style="width:100; height:100; top:10; left:10">
      <img scr="img.jpg" id="img" width="100" height=100" />
  </div>
</div>

Подскажите, пожалуйста, как исправить?

$("#sec").resizable(({
	containment:"#prim",
	aspectRatio: 16/9,
	resize: function(event, ui){
		$('#sec img').width(ui.size.width);
		$('#sec img').height(ui.size.height);
	}
}));

Эта картинка по-сути background для данного DIV.

Может быть есть возможность менять размеры картинки-подложки, если прописать стили для данного слоя?
Подскажите, пожалуйста как менять размеры картинки background заданной в css?

ПРОСТИТЕ! Ответа не требуется.
 

Ответ простой до тривиальности!
Без всяких скриптов обычным CSS!

Может быть кому-то из начинающих пригодится.
Масштабирование фоновой картинки в DIV-e:

.myDiv {
	background: url('../img/mypicture.png') no-repeat;
	background-size: cover;
}

только неплохо бы добавить, что работает это начиная с IE9
http://htmlbook.ru/css/background-size

.myDiv {
background: url('../img/mypicture.png') no-repeat;
background-size:100% 100%;
}

.myDiv {
background: url('../img/mypicture.png') no-repeat;
background-size:100% 100%;
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='../img/mypicture.png', sizingMethod='scale');
}

IE8 костыль )