html - Bring down the image by overflowing the div CSS -

i have bring down image show in someway below

the basic structure

<div class="row">       <div class="col-lg-1">       </div><!-- end grid 1 -->         <div class="col-lg-9">            <div class="col-sm-6" style="min-height:100%;"><img class="img-responsive" src="url" />             </div>            <div class="col-sm-6">            </div>       </div><!-- end grid 9 -->         <div class="col-lg-2">       </div><!-- end grid 2 -->     </div><!-- end row --> 

the image displayed inside bootstrap class col-sm-6.. now, need bring down pixels. here add http://jsfiddle.net/vcptv09b/ jsfiddle...just bring down google image little bit down without increasing background size... tried absolute position , margin top..its collapses all..

<div class="col-sm-6" style="min-height:100%; margin-bottom: -20px;"><img class="img-responsive" src="url" /> 

like this?