下拉css菜单不起作用

Question

我已经在这个下拉菜单中工作了一段时间，但我决定自己无法做到。 我用谷歌搜索了很多解决方案，并看到了一些关于 css 下拉菜单的 youtube 教程，但不知何故，它们总是适用于相关人员，但不适用于我。 希望你能帮助我。

以前其他代码的问题是诸如文本下推或其他内容移位之类的问题。 这是我尝试的最后一个视频：http://www.youtube.com/watch?v=_mdjwPzzKT8 这个问题是我的子菜单根本没有出现。 这就是我停下来决定我需要帮助的地方。

希望你能帮助我的代码！

我现在的css代码：

#topnav         { z-index:3;
                    padding-top:76px; }

#topnav ul li       { list-style-type:none; 
                    display:inline;
                    float:right;
                    }


#topnav ul li a     { font-family:Arial, Helvetica, sans-serif;
                        font-size:13px;
                        font-weight:bold;
                        text-decoration:none;
                        padding-left:15px;
                        }

#topnav ul li a:link        { color:#00aeef; }
#topnav ul li a:visited     { color:#00aeef; }
#topnav ul li a:active      { color:#f26532; }
#topnav ul li a:hover       { color:#f26532; }
#topnav ul li a:focus       { color:#f26532; }

#topnav li ul           { position:absolute;
                                left:-999em;
                                list-style-type:none;
                                }

#topnav li ul li            { border-top:0px;
                                clear:both;}

#topnav li:hoover ul        { left:auto; }

我现在拥有的html代码：

<div id="topnav">
                <ul>
                    <li><a href="contact.html">CONTACT</a></li>
                    <li><a href="blog.html">BLOG</a></li>
                    <li><a href="over ons.html">OVER ONS</a></li>
                    <li><a href="gedragsbeinvloeding.html">GEDRAGSBEINVLOEDING</a></li>
                    <li><a href="onze diensten.html">ONZE DIENSTEN</a>
                        <ul>
                            <li><a href="onderzoek.html">ONDERZOEK</a></li>
                            <li><a href="advies.html">ADVIES</a></li>
                            <li><a href="lezingen.html">LEZINGEN</a></li>
                        </ul>                       
                    </li>
                    <li><a href="index.html">HOME</a></li>
                </ul>
            </div>

Answer 1

你有li:hoover。这应该是li:hover

http://jsfiddle.net/68ZkK/