I have this issue: two floating divs inside an absolute-positioned parent div. 

CSS:

```
.wrapper {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden; /* doesn't do anything! */
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}

```

HTML:

```
<div class="wrapper">
    <div class="left">some text here</div>
    <div class="right">some text here too</div>
    <div class="clear"></div>
</div>

```

In Firefox, if the wrapper doesn't have `position:absolute`, everything works, as intended. As soon as I make it absolute, the wrapper shrinks and the content in floating `divs` overlap the rest of the document. Also, if I set the wrapper's width to 100% it overlaps the vertical scrollbar.

What am I missing?