Safariスクロールdivがつまった

Question

私はすべてのブラウザで動作する必要があるウェブサイトを作っています。 私はIE、FF、Opera、Chromeをテストし、CSSとjQueryの互換性に関する多くの問題を解決しました...しかし、最後は私を狂ったものにしています:(

Safariはうまくいきません最初のアクセス時にdivの下部でブロックされていますページをズームイン/アウトするだけでロックを解除することができます...

私はこのCSSを持っていますその一部）：

html, body { 
margin: 0px 0px 0px 0px; 
font-family: "Trebuchet MS", sans-serif; 
background-color:#FFF2E6; 
height:100%; 
overflow:hidden; 
} 

#content { 
margin-top:5px; 
margin-left:170px; 
position:fixed; 
float:right; 
width:88%; 
height: 85%; 
display:inline; 
overflow:auto; 
background-color:#E5E5E5; 
} 

#main_content { 
position:static; 
width:99.8%; 
height: 85%; 
} 

HTMLページ（単に興味ブロック）：

<div id="main_content"> 
    <div id="menu"> 
     <p>Menu</p> 
     ... menu block ... 
    </div> 
    <div id="content"><p>Content</p></div> 
</div> 

Safariのdivスクロールスタックの問題を解決する方法はありますか？ ご協力いただきありがとうございました。

Answer 1

問題は、Ajax関数を使用して#content divで印刷されたPHP生成ページがあることです。このページには、ファイルアップロード用のiframeタグがいくつかあります（jQuery/Ajaxコンテキストでファイルをアップロードする唯一のトリックです）。 ...）これらのiframeは、このような問題が発生したのであれば自分のiframe src="#"iframe src="に問題を解決することを忘れないでください... Safariは、単純なDIVのスクロールに引っかかって作ったもの

をsrc='#'に設定srcプロパティを持っていました。

Answer 2

だけラッキーショット、それがうまくいくかどうかわからないが：

あなた#content CSSのブロックでzoom:1;を使用してみてください。広く「サポートされている」タグではありませんが、IEのいくつかのCSSの奇跡を思い出しましたが、おそらくSafariでもうまくいくでしょう。

私が間違っている場合は申し訳ありません。