CodePen

HTML

            
              <!DOCTYPE html>
<html class="no-js">
  <head>
    <title>moo</title>
  </head>
  <body>
   <div class="body-wrap">
        <div class="container">
            <div id="background-wrap">&nbsp;</div>
            <div class="sixteen columns">
      content blah<br/>
              asd<br/>
              asd<br/>
              asd<br/>
              asd<br/>
              asd<br/>
              asd<br/>
              asd<br/>
          </div>
    </div>
</div>
  </body>
</html>
            
          
!
via HTML Inspector

CSS

            
              .body-wrap { overflow: hidden;  min-width: 500px }
.container { position: relative; width: 500px; }
.body-wrap .sixteen { width: 500px background-color: #efefef; min-height: 300px; }

#background-wrap {
    position: absolute;
    right: -393px;
    bottom: 0;
    width: 393px;
    height: 300px;
    background: transparent url(http://placekitten.com/200/300) no-repeat 0 0;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................