求，想把一个DIV里所有的东西都变成灰色的，要怎么设

<style type="text/css">
div{ padding:5px;}
#main{ width:960px; margin-left:auto; margin-left:auto; background-color:#fff;}
.css_gray {
FILTER: gray;
}
</style>
<div id="main">
<div class="css_gray" style="height:200px; width:200px; background-color:#F00;">加灰色滤镜只要class=css_gray,现在是加上的效果</div>
<div style="height:200px; width:200px; background-color:#F00;"> 加灰色滤镜只要class=css_gray,这是未加的效果</div>
</div>
<!--注意ie6 马桶通过别的浏览器我没试过-->