可以随滚动条一浮动的代码，谁能帮忙改改，多谢了！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML>
 <HEAD>
<script>function w(){if(document.body.scrollTop>200){
document.getElementById('a').style.posTop=document.body.scrollTop}
if(document.body.scrollTop<=200){document.getElementById('a').style.top="200px"}
}</script>
 </HEAD> <BODY onscroll="w()" style="margin:0;text-align:center;">
 <div style="width:980px;height:3000px;background:#ffff00;margin:auto;text-align:left;">
      <div style="width:960px;height:200px;background:#ff00ff;">
      </div>
 
      <div id="a" style="width:300px;height:800px;background:#00ffff;position:absolute;display:block;scrollTop:100">
 
          这是侧边栏<br />
想做这种效果，当滚动条下拉时，让侧边栏始终浮动不被隐藏掉？
以上几个问题：<br />
1。<br />用IE6试过，基本可以，但有在FF下不行；<br />
2。<br />把浏览器窗口缩小时,侧边栏会浮出外边，滚动条仍然存在？怎么才能使侧边在只在父元素(黄色)部分内浮动？
3。<br />
这是最主要的问题,<br />头部声明改成：!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
就不行了，怎么办？<br />      </div></div>
 </BODY>
</HTML>