兼容各大浏览器的DIV固定定位方法

演示效果截图

CSS代码

<style type="text/css">
*{margin:0;padding:0;}
html{_overflow:hidden;}
body{_height:100%; _overflow-y:auto;}
#box{width:100px; height:100px;color:#FFF;
background-color:black;position:fixed;
_position:absolute; top:100px;left:100px;}
</style>

HTML代码

<div> 内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
</div>
<div id="box">我是固定的</div>