html - 自動サイズの絶対配置要素内のIE7フローティングブロック

Question

このサンプルは、Opera、Chrome、Firefox、および IE > 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;
}​