title: Exception to the overflow:hidden; property
body: <p>How is it possible to make an exception on the <code>overflow:hidden;</code> container property to a matched set of child elements?</p>
  
  <p>Here's a sample scene:</p>
  
  <pre><code>&lt;div style = "overflow:hidden;"&gt;
     &lt;p&gt;item&lt;/p&gt;
     &lt;p&gt;item&lt;/p&gt;
     &lt;p class="special"&gt;item that needs to show itself outside the parent borders&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I do have a reason why I'm doing this :] I'm building a pretty complex scrolling menu whose elements are expanding out of the menu's borders. The menu obviously clips everything outside its borders since it's scrolling around.</p>
  
  <p>Here's a chunk of code relevant to the issue:
  <a href="http://jsfiddle.net/Birowsky/fNLbP/15/" rel="noreferrer">http://jsfiddle.net/Birowsky/fNLbP/15/</a></p>
  
  <p>Uncomment the marked line in the JavaScript to see the issue below the 'special item'.
  You might notice that the scrolling isn't working, it's ok, I think it's fiddle issue.</p>