のWebkitのバグが隠された後、jQueryを使ってインラインで表示

Question

ここに私のサイトです：あなたは、テキストボックスに入力すると http://smartpeopletalkfast.co.uk/filter/

結果が非表示とjQueryで示されることによってフィルタリングさが。 Firefoxは問題ありませんが、ChromeとSafariには奇妙なバグがあります。要素が再び表示されると、ブラウザの要素を調べると表示されるインラインがわかりますが、ブロックレベルの要素のように動作します。

Answer 1

はあなたのリスト項目にフロートを追加してみました：

.list li { 
    float:left; 
    line-height: 30px; 
    padding-right: 20px; 
} 

.zone { 
    clear:both; 
    width:100%; 
    margin: 0; 
    padding: 0; 
    font-size: 17px; 
    background-color: grey; 
}