title: override overflow hidden css property in child div?
body: <p>How to do that? I'd like to make the child div visible when parent div have overflow:hidden property...</p>
  
  <p>Demo:  <a href="http://jsfiddle.net/qDVvC/33/" rel="nofollow">http://jsfiddle.net/qDVvC/33/</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="parent"&gt;
      &lt;div class="container" id="hidden"&gt;
          &lt;div id="test"&gt;totototot&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code> #parent {
          width:200px;
          height:200px;
          border:1px solid red;
          margin:10px;
          position:relative;
      }
      .container {
          position:absolute;
          top:0;
          left:0;
          bottom:0;
          right:0;
      }
      #hidden {
          overflow:hidden;
      }
      #hidden div {
          border:1px solid blue;
          width:50px;
          height:50px;
          position:absolute;
          top:90%;
          left:-10%;
      }
      #test {
          display:block;
      }
  </code></pre>