css菜单的问题，请各位大虾们帮忙

Question

代码如下：
<style type="text/css"> <!-- *{margin:0;padding:0;border:0;}
body { font-family: arial, 宋体, serif; font-size:12px; }
#nav { line-height: 24px; list-style-type: none; width:990px; background-image:url("images/BG1.gif"); }
#nav a { display: block; text-align:center; color:#ffffff; }
#nav a:link { text-decoration:none; }
#nav a:visited { text-decoration:none; }
#nav a:hover { text-decoration:none; background-color:#8CB02A; color:#004600; }
#nav li { width: 68px; float: left; background-image: url(images/S3.gif); background-repeat: no-repeat; height: 24px; }
#nav li ul { line-height: 24px; list-style-type: none; text-align:center; left: -999em; width: 990px; position: absolute; float:left; }
#nav li ul li{ float:center; background:#8CB02A; background-image:url("images/S2.gif"); background-repeat: no-repeat; height:24px; }
#nav li ul a{ display: block; text-align:center; background-image:url("images/S2.gif"); background-repeat: no-repeat; background-color:#8CB02A; color:#004600; }
#nav li ul a:link { text-decoration:none; }
#nav li ul a:visited { text-decoration:none; }
#nav li ul a:hover { text-decoration:none; font-weight:normal; background-image:url("images/S2.gif"); background-repeat: no-repeat; color:#CB6300; }
#nav li:hover ul { left:0; }
#nav li.sfhover ul {left:0;}
--> 
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
function menuFix() {
        var sfEls = document.getElementById("nav").getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                this.className+=(this.className.length>0? " ": "") + "sfhover";
                }
                sfEls[i].onMouseDown=function() {
                this.className+=(this.className.length>0? " ": "") + "sfhover";
                }
                sfEls[i].onMouseUp=function() {
                this.className+=(this.className.length>0? " ": "") + "sfhover";
                }
                sfEls[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
"");
                }
        }
}
window.onload=menuFix;
//--><!]]>
</script>
<ul id="nav">
<li  style="width:21px;"><ul></ul></li>
<li><a href="newindex.aspx">首页</a></li>
<li><a href="new.aspx">新闻资讯</a>
        <ul>
        <li><a href="#">行业新闻</a></li>
        <li><a href="#">娱乐新闻</a></li>
        <li><a href="#">会员新闻</a></li>
        </ul>
</li>
<li><a href="#">车源货源</a>
        <ul>
        <li><a href="newsearch_t.aspx">搜索车源</a></li>
        <li><a href="newsearch_p.aspx">搜索货源</a></li>
        <li><a href="newpublish_t.aspx">发布车源</a></li>
        <li><a href="newpublish_p.aspx">发布货源</a></li>
        </ul>
</li>
       <li><a href="#">集卡带货</a></li>
       <li><a href="#">专线信息</a></li>
       <li><a href="#">物流环保</a></li>
       <li><a href="#">使用信息</a></li>
       <li><a href="#">客服服务</a></li>
       <li><a href="#">关于我们</a></li>
</ul>
我把红色部分的代码放在了td里面。运行的效果是二级菜单显示不正常了，缩小浏览窗口就显示正常。
望请各位大侠们帮我看看，在此感谢啦！这个问题困扰我好久了。怎么调试都不见效果啊！

Answer 1

不是我不想帮你，而是，代码号多没用“插入源代码”，看着特累，
顺便说一下，想拉多多的高手，就要放多多的分···········给你推荐的东西吧         DIV+CSS

Answer 2

为什么要放在TD里面哪，本来就是DIV＋CSS的东西，估计是TD的高度或宽度引起的

Answer 3

这个帖子一定要马克，学习，对于css太不懂了

Answer 4

不是那个原因呀！
我是把它嵌入到我项目中去的为了使得整个页面的美观才那样做的，就算不放到td里面也是出现那样的情况啊！
把它放到div里面也是一样没有解决那个二级菜单显示不正常的问题，只有缩小窗口的时候显示才正常。

Answer 5

是样式有问题，可是我找了nDay找不出什么原因。
#nav li.sfhover ul {left:0（改成比0大的数字时二级菜单就不会显示了。）;} 
本来对这个就是比较陌生的，目前是在边学边做。因此有很多地方不是很明白。就拿上面那行代码我就有点不解，为什么改变它的值
从而使得二级菜单就显示不出来了呢？加我qq342951527，和你详聊。或是你方便告诉我你的qq号码吗？我加你也一样的。