一个 z-index:2 div层 只留下边框其余中间可触发z-index:1的层
div1是z-index:1 ，div1 100%显示在body,
上面有top left right bottom四个层（z-index:2）遮住了div1，
只留下一个小的 400px*400px 的窗口，供点击（点击div1中的内容），
现在要为这个窗口添加一个边框效果，
我再添加四个div width:1px;来做出效果，
可是高度只能通过JS获取，
这样不是一定要刷新后才会有效，

JScript code

            //获取头部高度
        var topHeight=$('#top_userinfo').height();
        //获取底部高度
        var bottomHeight=$('#footer').height();
        //得到中间高度
        var midHeight=cliHeight-(topHeight+bottomHeight);
        //赋值给左右线条层
        //alert(midHeight);
        $('#bk_right').css("height",midHeight);
                $('#bk_left').css("height",midHeight);

浏览器初始打开不是全屏，再点击浏览器最大化，
左右线条层就不会自适应，要再次刷新。
这可怎么解决？

------解决方案--------------------

探讨

获取到 window.onresize事件貌似可以解决这个问题，可是火狐不能触发，还灰屏了。