IE7兼容浮动：右内浮动：正确的

Question

这是推动我疯了。我有浮动的权利另一个div中一个div，像这样：

<div id='container'> 
    <div id='status'></div> 
    Current Membership: <%= @distribution_list.total %> 
</div> 

我已经得到了以下的CSS规则：

div#container { 
    float:right; 
    margin-right:3px; 
} 
div#container div#status { 
    float:right; 
    border:#aaa solid 1px; 
    border-radius:12px; 
    width:12px; 
    height:12px; 
    margin:-1px 0px 0px 5px; 
    background:#ff0000; 
} 
div#container div#status.good { 
    background:#5bd64a; 
} 

我不介意的边界半径在IE7中无法正常运行。我很介意，是当这显示在IE7文本“目前的成员：总”是在下一行。我得到这个工作的唯一方法是指定一个容器的宽度，我不希望这样做。任何人都知道一种方法来使这个工作？

Answer 1

当我测试（模拟）在IE7中，文本显示了在同一行，但只是在屏幕的左边缘。我添加了以下布局，但它看起来在布局上类似于我：

div#container { 
    float:right; 
    margin-right:3px; 
    text-align: right; 
}