IE7浮动块内部绝对定位元素与自动大小

Question

此sample在Opera，Chrome，Firefox和＆ IE＆gt; 7.在IE7中，蓝色块粘在右侧。知道如何在不指定弹出宽度的情况下修复IE7中的布局吗？

HTML：

<div id="popup">
    <div class="content">content content content</div>
    <div class="buttons-container">
        <div class="buton"></div>
    </div>
</div>​

CSS：

#popup {
    position: absolute;
    left: 20%;
    top: 10px;
    background: green;
}

.buttons-container {
    line-height: 32px;
    float: right;
    margin-top: 12px;
}

.buton {
    display: block;
    min-width: 60px;
    height: 24px;
    background: blue;
}​