Странное поведение Firefox при переполнении / перемещении

Question

У меня есть простая раскладка , которая отлично работает в Chrome, Safari и даже в Opera (OS X).Сюрприз для меня здесь - Firefox.(IE и Win еще не тестировались).

Проблема в том, что fieldset.ownerbox не поддерживается в Firefox.(Два полупрозрачных поля под круговой диаграммой)

Здесь применяются правила CSS:

#owners {
position: relative;
width: 940px;
left: 0px;
margin-left: 0px;
z-index: 1;
top: -240px;
font-size: 16px;
}
.ownerbox {
width: 310px;
height: 150px;
padding: 10px;
margin-right: 20px;
float: left;
background: rgba(255,255,255,0.5);
color: #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.ownerbox.large {
width: 500px;
padding: 0px 10px 20px 10px;
}

Пожалуйста, помогите, что не так с моим подходом?

Answer 1

Отрегулируйте ширину, чтобы она учитывала отступы. Вы можете overflow-x:hidden; на #owners посмотреть, как оно выглядит "сдержанным".

Можно также настроить ширину на # владельцев.

Редактировать: кажется, вам просто нужно clear:both на #owners.