anchor.diff:  			        top: "20px",
   			        left: "20px",
   			        width: initialResizableWidth,
  -			        height : initialResizableWidth
  +			        height : initialResizableHeight
   			    });
   			});
   	    
  
positive.code:   	<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    
  	<script>
  	  $( function() {
  	    $( "#resizable" ).draggable({ cursor: "crosshair"});
  	    var initialResizableWidth=$('#resizable').width();
  	    var initialResizableHeight=$('#resizable').height();
  	    $("#resizable").resizable({
  	        aspectRatio: true
  	    });
  
negative.code:     right: -20px;
      width: 100%;
      auto: 100%;
      background: orange;
      opacity: 0.5;
      filter: alpha(opacity=50); /* For IE8 and earlier */
  }
  