 
     if @options.imageBackground
       @$imageBgContainer.css
-        width: @previewSize.w + @options.imageBackgroundBorderWidth * 2
-        height: @previewSize.h + @options.imageBackgroundBorderWidth * 2
+        width: @previewSize.w + @imgBgBorder[1] + @imgBgBorder[3]
+        height: @previewSize.h + @imgBgBorder[0] + @imgBgBorder[2]
 
     if @imageLoaded
       @setupZoomer()

        .css
          position: 'absolute'
          zIndex: 0
          left: -imageBgBorderWidth + window.parseInt @$preview.css 'border-left-width'
          top: -imageBgBorderWidth + window.parseInt @$preview.css 'border-top-width'
          width: @previewSize.w + imageBgBorderWidth * 2
          height: @previewSize.h + imageBgBorderWidth * 2
        .append @$imageBg
      @$imageBgContainer.css overflow: 'hidden' if imageBgBorderWidth > 0
      $previewContainer
        .css 'position', 'relative'
        .prepend @$imageBgContainer

    @$preview.height @previewSize.h if @options.height

    if @options.imageBackground
      $previewContainer = @options.$previewContainer
      @$imageBg = $ '<img />'
        .addClass 'cropit-image-background'
