title: How to ignore parent element's overflow:hidden in css
body: <p>I have a div element wrapping other div elements like so:</p>
  
  <pre><code>&lt;div style="overflow:hidden"&gt;
      &lt;div id="a"&gt;&lt;/div&gt;
      &lt;div id="b"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have other css rules that manage the dimensions of the outer div.  In my actual code,  I want to position the div#a exactly 10 px below the outer div.  However, I want div#b to still be cut off by the outer div's overflow:hidden.</p>
  
  <p>What is the best way to achieve this?</p>