Dropdown-Boxen nebeneinander

1. Box
<div id="deal-dropdowns">
<div id="deal-sort">
<div id="deal-dropdowns-header">Deals sortieren</div>
<select id="sortCriteria" name="sortCriteria" multiple="multiple">
<option value="dateCreated" class="sortAsc">Startdatum</option>
<option value="dateExpired" class="sortAsc">Ablaufdatum</option>
<option selected value="trollRespect" class="sortDesc">TrollRespekt</option>
<option value="tripmerchant" class="sortAsc">Anbieter</option>
</select>
</div>


2. Box
<div id="deal-filter">
<div id="deal-dropdowns-header">Deals mit Abreise aus</div>
<!--<select id="country" name="country" multiple="multiple">
<?php //formatDropdownBox($countries); ?>
</select>
<select id="region" name="region" multiple="multiple">
<?php //formatDropdownBox($regions); ?>
</select>-->
<select id="startcity" name="startcity" multiple="multiple">
<?php formatDropdownBox($startcity); ?>
</select>
</div>
</div>

#deal-dropdowns {height:75px;}
#deal-dropdowns-header {
    color: #cedbe1;
    font-size: 20px;
    padding-bottom: 5px;
    padding-right: 5px;
    font-weight: normal;
}


div#deal-filter {
    padding: 0 5px 0 10px;
    border-right: solid 1px #cedbe1;
}
div#deal-sort {
    margin-left: 3px;
    padding: 0 0 0 10px;
}


div#deal-filter > button {
    margin-right: 10px;
}