Ayuda con Web con divs!!

Mi consulta es: como hago para que las opciones de menú queden horizontalmente y que las opciones del submenu, queden debajo de "servicios" y se desplieguen cuando pase el mouse sobre servicios?
Nadie puede ayudarme a saber que pasos seguir para realizar mi menu de manera horizontal? :sad:
A ver, no has definido nada para :hover en el CSS. Sin eso, mal podrá desplegarse nada cuando pase el cursor por encima, ni aunque baile un zapateado [:)]

La clave de los menús desplegables es sencilla, "display: none" por defecto, y cuando :hover "display: block" [;)]

Busca menús desplegables en Google, aquí tienes un ejemplo: http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu

Un saludo.
Gracias por la ayuda Lombardo, logre acomodar el menú y hacerlo desplegable, lo que me falta es saber como hacer para que los submenus se desplieguen en vertical y no en horizontal como me aparecen ahora! Podrían ayudarme a saber como modificarlo?

Dejo el código CSS tal como me quedo:

@charset "utf-8";
/* CSS Document */

body{
text-aling:center;
background-image:url(Objetos/fondo.png);
color:#000;
background-repeat:no-repeat;
margin:0px;
height:1000px; width:900px;}

#logo{aling: left;}

#navegacion{background-color:#333;
filter: alpha(opacity=40); opacity:0.4;
width:1348px; height:70px; font-family:Amethyst, Tunga, Toledo; font-size: 1.4Em; }

#navegacion li { float: left ;
margin: 20px 0px 0px 25px;
border-right: solid 3px; color:white; padding-right: 30px;
list-style:none; }

#navegacion li ul { display: block ;
visibility: hidden;
position: absolute ;
left: 8px; }

#navegacion li:hover ul { visibility: visible;}

a{color:#FFF;}

a:link {color:#FFF}

a:hover {color:#FF3; }
Alguien podría ayudarme a saber como hacer que los submenus al desplegarse queden en vertical y no en horizontal como me queda ahora? arriba de este mensaje esta mi hoja de estilo.
Please ayuda!! Es lo único que me falta para dejar listo el menú!![:???:]