jquery - jQueryの垂直アニメーションはFirefoxでは機能しません（Chromeは問題ありません）

Question

Mozilla Firefoxは、私が現在開発しているサイトの垂直アニメーションをアニメーション化していません。

ライブ： http ：//daft-tech.net/

説明：

サイトのどこかで入力を開始すると、検索機能が固定ヘッダーに表示され、必要なものを検索できるようになります。jQueryでアニメーション化しますが、Firefoxでは入力と検索結果が垂直方向にフェードしません。彼らはただ左にジャンプします。他のすべては大丈夫です。Chromeでは、画面からスムーズにフェードアウトします。

それは私のせいですか、それともjQueryが原因ですか？それは私のスタイルシートがjQueryの何かと並行しているのですか？

更新：垂直方向のスライド（$（ "＃search"）。animate（{left： "+ = 50px"}、100、null）;）を除いて、すべてをチェックし、チェックしたすべてのアニメーションがFirefoxで機能しました。

コード：

var searchState = false;

function searchHide() {
    if (searchState) {
        $("#search").hide(500);
        searchState = false;
    }
}

function searchShow() {
    if (!searchState) {
        $("#searchResults").hide(300);
        $("#search").show(100);
        $("#searchInput").focus();
        searchState = true;
    }
}

HTML：

<div id="search">
    <input name="searchInput" id="searchInput" onkeyup="searchKeyPress(event);" style="border: 1px ridge white; background-color: black; color: white;" />
    <div id="searchResults"></div>
</div>

CSS：

#search {
    max-width: 1050px;
    margin: 3px auto;  
    background-color: black;
}
#search input {
    margin-bottom: 25px;
}
#searchResults {
    color: white;
}
#searchResults p {
    padding: 3px;
}
#searchResults a {
    color: white;
}
#searchResults span {
    margin-right: 15px;
    padding:0px 4px;
    background-color: white;
    border-radius: 3px;
    color: black;
}