Fit image to container (Cross browser)

set background image to fit the container.

by Sushil Mahajan

HTML

<div style="width:400px; height:350px;"><div id="container"></div></div>

CSS

#container {
	position: relative;
	height: 100%;
	width: 100%;
	background: url('http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/SIPI_Jelly_Beans_4.1.07.tiff/lossy-page1-256px-SIPI_Jelly_Beans_4.1.07.tiff.jpg');
	background-repeat: no-repeat;
	background-position: top left;

    -moz-background-size: 100% 100%;
 	-o-background-size: 100% 100%;
  	-webkit-background-size: 100% 100%;
  	background-size: 100% 100%;
    
	min-height: 150px;
	min-width: 200px;
	border: 2px solid red;
	
}