scroll時..頁面區塊跟隨對齊

xcatx7

http://jsfiddle.net/xcatx/CaC7R/6/
我想做這樣的效果..但是用position:relative;  去+top在ie拉動時會有斗動的狀況

所以我改用position:fixed;
http://jsfiddle.net/xcatx/6X95m/
http://jsfiddle.net/xcatx/6X95m/1/ <=出問題的(#main比較短時)
還有position:fixed;時 拉動視窗大小會跑板~><~


而且因為希望同事能套板時用..要好改.好懂.
是否有比較簡單又不容易跑板的套件或寫法?