CSS中的大于号肿么就不好用那？解决思路

CSS中的大于号肿么就不好用那？
以下是代码：

HTML code

<html>    <head>        <title></title>    <style type="text/css">    #div1    {        width:500px;        border:solid 1px black;    }        #div1 > DIV    {        color:Red;        }        </style>    </head>    <body>    <div id="div1">    here is parent    <div id="childDiv1">childDiv1        <div id="childDiv1-1">            childDiv1-1        </div>    </div>    <div id="childDiv2">childDiv2</div>    <div id="childDiv3">childDiv3</div>    <div id="childDiv4">childDiv4</div>    </div>        </body></html>

注意不生效的是如下的代码：

CSS code

    #div1 > DIV    {        color:Red;        }

如果改成：

CSS code

    #div1  DIV    {        color:Red;        }

就生效了，但是不是我要的效果。
请帮忙看看，谢谢

[解决办法]
子选择器不被IE6支持
[解决办法]
显示完全正常啊，我怀疑你想要写的样式是这个：

CSS code

    #childDiv1 > div {        color:Red;        }
[解决办法]
我也发现过这个问题。最终也没知道原因