'调整大小'事件处理程序不会发生

我正在改进一个网站 - http://vse-v-nas.com.ua（链接只是为了重现步骤，如果有人想要更深入）。'调整大小'事件处理程序不会发生

的内容右列：

// html 
<td id="sidebar-right">...</td> 
// css 
#sidebar-right { 
    width: 209px; 
    padding: 10px; 
}

即$（ '＃侧边栏右'）宽（）应该是229px 和它是在Chrome，但它在 '245px' 值。 FF 8.0.1和IE 9.0.3

我不知道为什么在FF和IE中的内容的右列宽度比Chrome，，但我想这个图像（在右上角 - $（' img.header-image'））与下面的右列相同（例如在Chrome中）。

我在标签结束之前在脚本中添加了脚本，以便为图片和右侧栏设置相等的宽度。

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
    var $headerImage = $('img.header-image'); 
    var $rightSidebar = $('#sidebar-right'); 

    // in this line $rightSidebar.width() is 229px in every browser... 

    $rightSidebar.resize(function() { 
     // event handler doesn't occur after width changing in IE and FF... 
     alert($headerImage.width()); 
     alert($(this).width()); 
    }); 
    }); 
</script>

事件处理程序不会发生，但大小在页面加载后发生变化。有人有想法来帮助我解决这个问题！

来源

2011-12-14 Maxim Polishchuk