如下css代码为什么用火狐浏览器无法正确显示

楼主,css里的注释与html的注释方式是不同的。
html里用来注释。而css里是用/*aaaaa*/这样的方式来注释的。
所以你上面代码里：
这个是错误的。
另外，建议你的html使用doctype，比如一般会用以下doctype:


而不要像你现在代码这样只写，习惯了使用doctype，对你写标准页面有好处的。。。

你所说的错误，我已经帮你检查过，并修复了。
错误的地方有2个：
一、火狐对childNodes的支持不好，火狐下使用childNodes.length得到的长度与ie下得到的长度不相同，因此你上面的代码就会出错。
二、你的js中，menu,main直接就写上去了，从哪里得到这个menu,main?IE下没问题，火狐下就不行的了。

另外，你的css中，有些地方可以精简的代码，比如padding-top,padding-right,padding-bottom,padding-left这四句，你只写成一句就行了：padding:0.2em 0;
还有cursor这个鼠标手势的手型，标准的写法是：cursor:pointer，而不要写成cursor:hand;
hand只是ie下可用，不是标准的写法

以下是正确的代码，我测试并运行，IE7，火狐5.0都OK。

　　您好！很高兴为您答疑。
　　通过走读您的代码，发现您的代码主要的问题在于执行顺序上。html中的代码输出，其实可以视为js中的对象定义，故您的js脚本必须移动到您的id对象输出（建立）之后执行方可生效。而这一特性在ie下不甚敏感，故会造成此兼容差异。
　　另外，css中的注释码应该是/*，而非，请您注意。
　　如果对我们的回答存在任何疑问，欢迎继续问询。

-_,-@ 先把CSS基础学好……
注释都写错……