オーバーフロー隠しと絶対位置を持つ親divでdivをポップアウトする方法

Question

position：absoluteとoverflowを隠してdivにツールチップを追加しようとしています。

Plunker：http://plnkr.co/edit/qH5nHheCoyOmvRKLVx2o?p=preview

<div class="container"> 
    <div class="inner"> 
     Why am I not overlapping? 
    </div> 
</div> 

.container{ 
height:300px; 
width:300px; 
position: absolute; 
overflow: hidden; 
z-index: 1; 
background-color:black; 
color: blue;  
} 

.inner{ 
    height:500px; 
    width:500px; 
    top:100px; 
    left:50px; 
    background-color:yellow; 
    position:absolute; 
    text-align: right; 
    z-index:10; 
} 

Answer 1

私は、過去に同様の問題があったと、おそらくハック以外の解決策を見つけることができませんでした。私は内側のdivをDOMツリーの上位の要素に追加し、Javascriptを使用して配置することで終了しました。