求大神指点哪里错了，显示效果略奇怪。。。
<title>三列特殊布局</title>
<!--左右两板块边大小固定，中间板块随窗口大小改变而变化-->
<style type="text/css">
body{margin:0;padding:0;font-weight:bold}
<!--两边固定所以需用绝对定位-->
.left{width:100px;position:absolute;height:500px;background:#FCC;left:0;top:0}
.right{width:200px;position:absolute;height:500px;background:#9C9;right:0;top:0}
<!--中间浮动自定义-->
.middle{height:500px;background:#C99;margin:0 300px 0 150px}
</style>
</head>
<body>
<div class="left">left</div>
<div class="middle">middle</div>
<div class="right">right</div>
</body>
</html>
