html - ページがロードされたときにhtml selectが中心からずれています

Question

ページに選択があり、選択ボックスに最初に表示されるテキストがページに読み込まれると、正しい場所にないため、わずかに下に移動します。誰かがこれについて聞いたり、この問題を見たりしたことがありますか。これは私の選択がどのように見えるかです

<select id="usersearches">
        <#if search??>
            <#list search as s>
                <option value="${s.id!}" <#if response.payload.title?? && response.payload.title == s.title!> selected="selected" </#if> id="${s.id!}" query="${s.query!}">${s.title!}</option>
            </#list>
        </#if>
    </select>

選択する必要があるオプションを選択するために、クライアント側のものに freemarker を使用しています。これは、ページが最初に読み込まれたときにのみ発生します。選択ボックスをクリックすると、新しいオプションを選択しなくても、テキストが自動的に修正されます。詳細は、オプションがページのリダイレクトをトリガーすることです。すべてのヘルプとアイデアは大歓迎です。これがIE8（またはIE一般）で発生することを追加するのを忘れました

コード：

$("#usersearches").change(function(){
    var which = "#"+$(this).val();
    var url = "${orderSearchPostURL}?"+$(which).attr("query")+"&_title="+$(which).html()+"&sea‌​rchType="+$(this).val();
window.location.href=url;
});