Inne Wyrównanie elementów w linii

Podpowiedzcie proszę jak wyrównać te dwa elementy, które są w skrzynce wiadomości.


Tak jest:
   

Tak ma być:
   

W szablonie jest to zapisane jako:

<div class="float_right">
{$composelink}
</div>
<div class="float_right">
<strong>{$lang->jump_folder} {$folderjump}
<input type="submit" class="button" name="hop" value="{$lang->go}" />
</strong>
</div>

A tak jest w stylach:

.float_right {
float: right;
}

Nadaj elementom zerowy margin-topi vertical-align: top;.

Rozumiem, że do tego dopisać ??

.float_right {
    float: right;
    margin-top: 0;
    vertical-align: top;
}

Bo jak tu dopisuję to nic się nie zmienia.

Nie, dopisz do a.button:active

https://jsfiddle.net/b9y1jco2/ - brudny kod. Działa bo działa. Wypadałoby go przerobić pod swoje forum.

Jeśli nie chcesz, aby przycisk "OK" przylegał do górnej linii to nie używaj vertical-align: top;.

Nie, dopisz do a.button:active

To rozwiązanie pomogło. A podpowiedzcie proszę jeszcze jak zmniejszyć wysokość tych elementów??
Gdzie tego szukać?? Chodzi o wysokość przycisku wiadomość i tego pola wyboru skrzynki.

edytuj odpowiednio padding w select oraz a.button:link

Przykładowo: