在ie6下实现position-fixed的效果--------续集---对联效果（02）

在ie6下实现position-fixed的效果，这回是实现的对联效果，没有JS在里面的对联效果，但是没有JS的动感。

这个的原理是和《在ie6下实现position-fixed的效果》的是一样的。

CSS：

 <style type="text/css">
 *{ margin:0; padding:0}
 html{ height:100%; overflow:hidden}
 body{height:100%; overflow:hidden; position:relative; font-size:14px;}
 .duilian01{ position:absolute; width:100px; height:200px; left:50%; top:20px; border:1px solid #666; background:#fc0; margin:0 0 0 -520px}
 .duilian02{ position:absolute; width:100px; height:200px; left:50%; top:20px; border:1px solid #666; background:#fc0; margin:0 0 0 400px}
 .budong{ overflow:auto; height:100%;overflow-y:scroll;}
 .budong-cen{ width:800px; border:1px solid #09F; background:#CCC; margin:0 auto}
 </style>

HTML：

 1 <div class="duilian01">1111111111</div>
 2 <div class="duilian02">2222222222</div>
 3 <div class="budong">
 4     <div class="budong-cen">
 5         2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />
 6         2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />
 7         2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />
 8         2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />
 9         2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />
         2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />2222222222<br />
     </div>
 </div>