浮动div左侧推送另一个div的文本内容

Question

在一个div元素上向左浮动会导致另一个div位置：绝对在溢出设置为可见时（而不是设置为隐藏时）重新定位其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;
}