css - IE7 兼容性 float :right inside float:right

Question

这让我发疯。我有一个 div float 到另一个 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;
}

我不介意 border-radius 在 IE7 中不能正常工作。我确实介意的是，当它在 IE7 中显示时，文本“Current Membership: total”位于下一行。我让它工作的唯一方法是为容器指定宽度，我不想这样做。任何人都知道如何让它发挥作用？

Answer 1

当我在 IE7 中测试(模拟)时，文本显示在同一行，但恰好在屏幕的左边缘。我为布局添加了以下内容，但它在布局上看起来与我相似:

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