[swa]

Использую 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?