menú desplegable El menú CSS no funciona

Question

He estado trabajando en este menú desplegable por un tiempo y decidí que no puedo hacerlo solo. He buscado en Google muchas soluciones y he visto un par de tutoriales de YouTube para los menús desplegables de CSS, pero de alguna manera siempre trabajan para la persona en cuestión, pero no para mí. Espero que puedas ayudarme.

Los problemas anteriores con otro código fueron thins como el texto que empujaba hacia abajo u otras cosas que se alejaban fuera del lugar. Este es el último video que he probado: http://www.youtube.com/watch?v=_mdjwpzzkt8El problema con este es que mi submenú ya no aparece en absoluto. Aquí es donde me detuve y decidí que necesito ayuda.

¡Ojalá pueda ayudar con mi código!

El código CSS que tengo ahora:

#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; }

El código HTML ahora tengo:

<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

Tú tienes li:hoover. Esto debería ser li:hover

http://jsfiddle.net/68zkk/