title: CSS: inner div overlapping
body: <p>I need to create so-called "label" inside container div. The label should appear in the top - left corner and should look like <a href="http://jsfiddle.net/k6G27/" rel="nofollow">that</a>. The obvious way is to shift the inner div a bit so that a part of it would be overlapped by the container. But the inner div outside the container is still <a href="http://jsfiddle.net/Gxxbg/" rel="nofollow">visible</a>.</p>
  
  <p>How do I achieve this effect without "bruteforcing"?</p>
  
  <p>Thanks</p>