how to fix background height according to fancybox content height
===

please any one tell me how to fix background height according to fancybox content height(means no extra spaces to top and bottom of the fancybox) and i'm using fancybox 2(latest version)

code:

jQuery.fancybox({
								
								
   								'scrolling': 'no',
								'hideOnContentClick': true,
								'autoSize'    : true,
								'fitToView'  : false,
								'height' : '100%',
								'hideOnOverlayClick' : true,
								'content' : jQuery('.EngpopupContent'),
								'overlayShow' : true,
								'overlayOpacity' : 0.9,
								'overlayColor' : '#000',
								'transitionIn' : 'elastic',
								'transitionOut' : 'elastic',
								'changeFade' : 'fast',
								'easingIn' : 'swing',
								'easingOut' : 'swing',
								'showCloseButton' : true,
								//'showNavArrows' : true,
								'enableEscapeButton' : true,
								'onStart': function(){
												jQuery("#fancybox-overlay").css({"position":"fixed"});

           								 		}
        
								
								}); 

reference link: http://www.carid.com/ace-wheels/concept-5-silver-480984.html

i need to be working fancybox exact like above reference url... Please click on "Please Select Product options" button

Please help me anyone...