css - 向左浮动 div 会推送另一个 div 的文本内容

Question

当溢出设置为可见时（而不是设置为隐藏时），在一个 div 元素上向左浮动会导致另一个带有 position:absolute 的文本重新定位到其 div 容器之外。我在这里重现了这种情况：http: //jsfiddle.net/Thohar/9M2CX/ CSS：

#left {
    width: 150px;
    height:100%;
    background-color: #77BDC9;
    float: left;
    margin-top: 100px; /* to get beneath the */
}

#tha_fly {
    height: 300px;
    width: 200px;
    position: relative;
    overflow: visible; /* IMPORTANT - only when set to hidden will the text content stay inside div*/
    top: 200px;
    left: 500px;
}