title: Clip content inside div with another div
body: <p>I am working on some kind of drawing app. 
  There are elements inside a container div, and there is another div on top that should clip all the elements inside if it.</p>
  
  <p>Here is the example: <a href="http://jsfiddle.net/n6m4n750/" rel="nofollow">http://jsfiddle.net/n6m4n750/</a></p>
  
  <p>The red rectangle <code>"#clip</code> must clip all the elements inside <code>#container</code> div, so any elements or part of an element that is outside of the <code>#clip</code> div, will be hidden.</p>
  
  <p>How is it possible to do that?</p>
  
  <p>Any help will be appreciated.</p>