css - set max-width für wählen Sie

Ich habe ein Formular mit einer Dropdown-Liste von Veranstaltungsorten und ein submit-button.
Sie sollen aber auf der gleichen Linie, aber da die Liste der Veranstaltungsorte ist dynamisch, es könnte zu lange werden und drücken Sie die Taste nach unten.

Ich dachte der Einstellung max-width-Eigenschaft auf das wählen, aber ich bin mir nicht klar, ob dies funktioniert in allen Browsern. Haben Sie irgendwelche Vorschläge, auf eine Abhilfe?

<form action="http://localhost/ci-llmg/index.php/welcome/searchVenueForm" method="post"     class="searchform">
    <select name="venue"> 
        <option value="0" selected="selected">Select venue...</option> 
        <option value="1">venue 0</option> 
        <option value="2">club 1</option> 
        <option value="3">disco 2</option> 
        <option value="4">future test venue</option> 
    </select>
    <input type="submit" name="" value="Show venue!" class="submitButton"  />
</form>

css:

.searchform select {
max-width: 320px;
}

.searchform input.submitButton {
float: right;
}