html - 覆盖子div中的溢出隐藏css属性？

Question

怎么做？当父 div 溢出时，我想让子 div 可见：隐藏属性...

演示：http: //jsfiddle.net/qDVvC/33/

html:

<div id="parent">
    <div class="container" id="hidden">
        <div id="test">totototot</div>
    </div>
</div>

CSS：

 #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;
    }