CodePen

HTML

            
              <div class="inner-content">
<div class="banner-wrapper">
  <div class="video-banner"><div class="bannertail"></div>
  </div>
</div>
</div>
	
            
          
!
via HTML Inspector

CSS

            
              .inner-content{
  width:500px;
  height:500px;
  overflow:visible;
  margin: 0 auto;
  border: 1px solid #DDD;
}
	.banner-wrapper{
	  background: #FA4B2A;
	  position: relative;
	  width: 110.5%;
	  height: 200px;
	  border: 1px solid #DDD;
	  margin-left: -10.5%;
	}
	  .video-banner{
	    position: absolute;
	    overflow:visible;
	  }
	  .bannertail{
	    background-image: url("http://farm9.staticflickr.com/8086/8455720793_2c9a62404e_t.jpg");
	    position: absolute;
	    top: 250px;
	    left: -30px;
	  }
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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