mozillaではオートクロップ検索が動作しますが、クロムやその他のブラウザでは機能しません

Question

サイト内では「オートコンプリート検索の提案結果は」です。 all pagesに表示されていました。

が、現在は "オートコンプリート検索候補の結果が" クロム &他のブラウザでhome pageにのみ表示されますが、Mozilla Firefoxので作業されていません....

<script type="text/javascript"> 
    //<![CDATA[ 
     var ajaxUrl='<?php echo Mage::helper('searchsuggest')->getAjaxurl(); ?>'; 
     var queryDelay = 0.5; 
     var progressImage ='<?php echo $this->getSkinUrl('images/ajax-loader.gif');?>'; 
     var minCharacters = '<?php echo Mage::helper('searchsuggest')->getMinChar(); ?>'; 

     document.observe('dom:loaded',function(){ 
      //require(["autocomplete"], function(){ 
       $$('.form-search')[0].insert({ 
        after:'<div id="search-autocomplete"><div id="searchr-result-containter"><div id="autocomplete-content"><div id="search-result"></div></div></div></div>' 
       }); 
       $('searchr-result-containter').hide(); 
       var acLayout = new Autocomplete(); 
       acLayout.initAutocomplete(ajaxUrl, 'search-result'); 
      //}); 
     }) 
    //]]> 
</script> 

デモ：あなたはlink開いた場合右上に3つの小さなアイコンが表示されます。最初のアイコンをクリックすると、「iPhone」と入力すると「iPhone」と入力すると表示されます。

編集

問題の理由は、私が削除たら、トップに存在しているバナースライダーで、その今「オートコンプリートの検索では、」すべてのブラウザ

で働いている

Answer 1

問題：あなたは、あなたの検索が含まれている -form inside #header-searchエリアとあなたはCSSで追加しました #header-search {height:50px;}間違っています。

ソリューション：

#header-search { 
    height: auto; 
    min-height: 50px; 
} 

注：すべてのブラウザがいくつかの問題を修正するために彼らのユーザーエージェントスタイルシートを使用し は、単にあなたのCSSファイル（動作しない場合は、その後!importantを追加）の内側に、このスタイルを追加。