submenu horizontal

[belencruzp]

Hola chicos! Necesito vuestra ayuda con un submenu horizontal que ya tengo preparado pero que no me encaja con la celda que quiero. Tengo un menu con cinco items y en el segundo es donde se despliega el submenu pero éste en vez de desplegarse justo debajo del segundo item, lo hace justo debajo del tercero y me estoy volviendo loca, pues no consigo dónde está el error o qué es lo que me falta agregar. Os copio y pego los códigos:

Lo que quiero es que el submenu aparezca justo debajo del segundo item. Muchas gracias por todo de antemano!!!
Saludos,
b

HTML:

Código:

<div id="nav">	
	 
	 	<ul id="navbar">
			<li><a href="agencia.html">Agencia</a></li> 
			
			<li><a href="galeria_mujeres.html">Fotos</a>
					<ul id="fotos_menu">
						<li id="sub1"><a href="galeria_mujeres.html">Mujeres</a></li> 
						<li id="sub2"><a href="galeria_hombres.html">Hombres</a></li> 
						<li id="sub3"><a href="galeria_actores.html">Actores</a></li>
						<li id="sub4"><a href="galeria_actrices.html">Actrices</a></li>
						<li id="sub5"><a href="gente_pub.html">Gente publicitaria</a></li>
						<li id="sub6"><a href="galeria_ninos.html">Ni&ntilde;os</a></li>
						<li id="sub7"><a href="galeria_ninas.html">Ni&ntilde;as</a></li>
					</ul></li>   	
			<li><a href="#">Aspirantes</a></li> 
			
			<li><a href="aviso_legal.html">Aviso legal</a></li> 
			
			<li><a href="#">Contacto</a></li> 		
		</ul>
		
		</div>

CSS:

Código:

#nav {
	width:570px; 
	height:28px;
	margin-top:10px;
}

#navbar {
	width:570px; 
	position: absolute;
    margin: 0 auto;
	padding:0;
}

#navbar li {
    list-style: none;
    float: left;
	
}

#navbar li a {
    display: block;
    float:left;
    color:black;
    font-family: 'Josefin Sans', sans-serif;
	font-weight:bold; 
	font-size:16px;
    padding:5px 25px 5px 5px;
}

#navbar li a:hover {
    background-color:#eaeaea;
}
       
#navbar li ul {
	display: none;  
	margin:0;
	padding:0;
}

#navbar li ul a {
	width:auto;
	background-color:violet;
	font-family: 'Josefin Sans', sans-serif;
	font-weight:bold; 
	font-size:13px;
    border:none;
	padding:5px 10px 5px 5px;
	float:left;
}

#navbar li ul a:hover {
    background-color:#eaeaea;
}

#navbar li:hover ul {
    position: absolute;
	display: inline;
    margin-top: 28px;
}

#navbar li:hover ul#foto_menu {
	left:auto;
}