求一个思路，可否把一个DIV作为整体对象做放大缩小的效果

我已经做到用jquery的hover把IMG的图片做到放大缩小，就是鼠标移动到图片上图片变大鼠标移走后图片变回来。代码应该很多人都见过，很简单。
<script type="text/javascript">
$(function(){
$('#col img').hover
function(){
var $this = $(this);
$this.animate({opacity:'1.0',height:'+=40px',width:'+=15px'});
},
function(){
var $this = $(this);
$this.animate({opacity:'1.0',height:'-=40px',width:'-=15px'});
}
);
});
</script>

那个col是一个大的DIV的id。
现在我想的是如果不是IMG，而是一个DIV呢，这个DIV里面有图片有文字，然后这个DIV还有background属性。
我想做到复数的长方形DIV一行行排下来，然后鼠标移动到一个DIV就按照比例变大，离开就变回去，这样的效果。
请问这样的能够实现吗，我最想要的是DIV里面的文字和图片元素也随着DIV的变大而变大或者不变大但是能够移动。