macのsafariでoverflowが効かない

質問

htmlに
<div id="inner">とし、

cssに
#inner{
width:510px;
height:450px;
overflow:auto;
padding:0 10px 0 0;}

と記述し、インラインフレームのようなことをしています。

これがmacのsafariでのみ機能せず、
<div id="inner">の中身を全て表示してしまいます。
safariでは使えないものなのでしょうか？
もしくは何か記述が間違っているのでしょうか？

何か思い当たることがありましたらアドバイスいただけると助かります。
どうぞよろしくお願いいたします。

回答No.1

abril

> safariでは使えないものなのでしょうか？

いえ、使えます。この様なスタイルはよく使用しますが、Safariで挙動不審だった経験もありません。

> もしくは何か記述が間違っているのでしょうか？

この部分”だけ”を見る限り、別に間違ってはいないですね。

> これがmacのsafariでのみ機能せず、<div id="inner">の中身を全て表示してしまいます。

Safari3 on Mac OSX上で試してみましたが問題なくコンテンツ量に応じてスクロールバーが表示／非表示に切り替わりますよ。
もしかして、コンテンツ量が（相対的に）少なくてスクロールバーが出ない状態になっているだけでは？一時的にheightの値を100pxとか位に縮めて試したらどうなりますか？