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;
}