         .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
+          left: -@imgBgBorder[3] + window.parseInt @$preview.css 'border-left-width'
+          top: -@imgBgBorder[0] + window.parseInt @$preview.css 'border-top-width'
+          width: @previewSize.w + @imgBgBorder[1] + @imgBgBorder[3]
+          height: @previewSize.h + @imgBgBorder[0] + @imgBgBorder[2]
         .append @$imageBg
-      @$imageBgContainer.css overflow: 'hidden' if imageBgBorderWidth > 0
+      @$imageBgContainer.css overflow: 'hidden' if @imgBgBorder[0] > 0
       $previewContainer
         .css 'position', 'relative'
         .prepend @$imageBgContainer


    if @options.imageBackground
      @$imageBgContainer.css
        width: @previewSize.w + @options.imageBackgroundBorderWidth * 2
        height: @previewSize.h + @options.imageBackgroundBorderWidth * 2

    if @imageLoaded
      @setupZoomer()

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

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