help я не могу сжать картинки в блоках(я не знаю как, я тупой)

[spider25559]

как сжать картинку здесь

function init()
{
	
	//document.body.innerHTML = '';
	//document.write("<img src = 'rabbit.jpg' width='300' height='300' onmouseover= 'hello(" + "\"My little friend\"" + ");'>");
	window.document.getElementById('myfunnydiv').style.opacity = 1; 
	jquerytest();
	
	/*<img src = 'rabbit.jpg' width='300' height='300' onmouseover= 'hello("My little friend");' 
	
	>*/
	
	/*$('.pulsing').css('border','1px red solid');
	$('.pulsing').css('position','absolute');
	$('.pulsing').css('width','50px');
	$('.pulsing').css('height','50px');
	$('.pulsing').css('top','50px');
	$('.pulsing').css('left','50px');*/
	
	$('.pulsing').css('border','1px red solid').css('position','absolute').css('width','50px')
	.css('height','50px').css('top','250px').css('left','50px')/*.hide(1000)*/;
	
	$('.pulsing').html('Наш блок div');
	//$('.pulsing').dblclick(function () {console.log('Вот! Я событие!! Я возникло!!!');});
	$('.pulsing').dblclick(my_event_func); 
	
	$('.pulsing').each(iter);
	
	
	
	
	
	
	
	
	$('#container').append(' ddd<br>');
	for (i=0;i<450; i++)
	{
		$('#container').append('<div style="background-image: url(http://cs4.pikabu.ru/post_img/big/2015/03/20/6/1426840578_1215893866.jpeg)" class="adddiv" id="adddiv'+i+'"></div>');
	}
	$('.adddiv').each(positionMe);
	$('.adddiv').mouseenter(hoveradddiv);
	}

[Dilettante_Pro]

<style>
div.big { display:inline-block;
   width:200px;
   height:200px;
   border:1px solid black;
   background-size:100%;
   background-image: url("http://javascript.ru/cat/list/donkey.gif");

}
div.small { display:inline-block;
   width:200px;
   height:200px;
   border:1px solid black;
   background-size:50%;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("http://javascript.ru/cat/list/donkey.gif");

}
</style>
<div class="big"></div>
<div class="small"></div>