Pseudo clase Hover no me funciona en dreamweaver

Question

el 3 jul. 16

Pseudo clase Hover no me funciona en dreamweaver

A tod@s

Espero me puedan ayuda, estoy haciendo un menu desplegable en dreamweaver pero la pseudo clase hover no me funciona, es la unica pseudo clase que tengo.
Les vooy a dejar todo mi codigo,

Gracias

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style type="text/css">
*    {
    padding:0px;
    margin:0px;
}
#menuDespegable {
    margin:auto;
    width:700px;
    font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
ul,ol {
    list-style:none;
}
.nav li a {
    background-color: #0DCF83;
    color: #F8F6F6;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    }
.nav > li {
        float:left;
}
.nav li :hover {
    background-color:#AFEFD6;
}
.nav li ul {
    display:none;
    position:absolute;
    min-width:140px;
}
.nav li a:hover > ul {
    display:block;
}
#slider {
    position:relative;
    background-position:center;
    background-repeat:repeat;
    margin-top:200px;
    height:300px;
}
</style>
</head>
<body>
<header>
<nav>
<div id="menuDespegable">
<ul class="nav">
<li class="nav"><a href="">Inicio</a></li>
<li><a href="">Productos</a>
  <ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a></li>
</ul>
</li>
<li><a href="">Servicios</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a></li>
</ul>
</li>
<li><a href="">Contacto</a></li>
<li><a href="">Acerca de nosotros</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
</ul>
</li>
</ul>
</div>
<div id="slider"></div>
</nav>
</header>
</body>
</html>