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