div要素の幅をWindow幅に合わせて変更したい

質問

下記のような形でdiv要素の#main_frameの幅を$(window).width()の値に合わせて指定しているのですが、ブラウザのwindowサイズを操作した場合に表示が崩れてしまいます。
windowサイズの操作がなされた場合、#main_frameの幅も自動的に変わるようにしたのですが方法はありますでしょうか。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
　　$(document).ready(function(){
　　　　$('#main_frame').css('width', ($(window).width() - 110) + 'px');
　　});
</script>

回答No.1

t_ohta · ベストアンサー

こんな感じですかね。

<script type="text/javascript">
$(document).ready(function(){
sizeChange ();
$(window).resize(sizeChange);
});
function sizeChange () {
$('#main_frame').css('width', ($(window).width() - 110) + 'px');
}
</script>

補足

動かないですね
sizeChange()自体が動作してないです

回答No.2

中村 拓男（@tknakamuri）

>動かないですね

変ですね。PC の IE6, Chrome では問題なく動きます。

お礼

すみません動きました！
本当にありがとうございました！