title: overflow out of overflow:hidden container without changing HTML structure
body: <p>I have a parent element with overflow:hidden and two overlapping children. I want one child to listen to overflow:hidden and one defies it. Right now, both children listen to overflow:hidden. I want to defy overflow hidden!</p>
  
  <pre><code>&lt;div class="ihave-overflow-hidden"&gt;
    &lt;div class="i-will-not-overflow"&gt;Some text&lt;/div&gt;
    &lt;div class="but-i-will-overflow"&gt;I'm a Popover and popovers should always overflow&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want class "but-i-will-overflow" to overflow out of parent-class "ihave-overflow-hidden".</p>
  
  <p>note: this html setup cann
  Unfortunately, I cannot change the html structure here so i must use pure css with these class (:after &amp; :before are not allowed)</p>