Плавающие divs не сидят бок о бок в IE7

Вот моя скрипка: http://jsfiddle.net/arDtd/

Его найти в каждом браузере, кроме IE7, где метка не сидит рядом с другим контентом и вместо этого сидит выше.

<div class="room_row">

    <div id="roomopts_2" class="jsHide">
Room 2
<div class="fieldset-wrapper"><div class="hrCompact">
</div><div class="form-item form-type-select form-item-adults-2">
  Adults 
 123
</div>
<div class="form-item form-type-select form-item-children-2">
  Children 
 012
</div>
</div>
</div>    </div>



div {
display: inline;
}    
.room_row {
width: 100%;
float: left;
}
.room_row fieldset.form-wrapper {
float: right;
width: 200px;
}
.form-wrapper {
display: block !important;
}
fieldset {
margin-bottom: 20px;
}
.room_row legend {
float: left;
clear: none;
}
.room_row .fieldset-wrapper {
float: left;
}
.fieldset-wrapper {
display: block;
}
hr {
display: none;
}
.room_row label {
display: none;
}

​