Hola gracias por la ayuda... ya casi lo tengo... no se que hago mal, pero me faltan dos cosas:
1) No me marca la pestaña activa ( En este caso, "Que hacemos"
2) me quedan los submenues visibles y yo quiero que se vean solo cuando paso el mouse...
Este es el CSS:
Cita: #navigation {float: right; padding-top: 17px;}
#navigation { line-height: 18px; font-family: "Georgia", "Lucida Sans", Sans-Serif; text-transform: uppercase; text-shadow: #000 1px 1px 0; }
#navigation .center { height: 45px; position: relative; z-index: 110; }
#navigation ul { float: right; display: inline; padding-top: 2px; }
#navigation ul li { float: left; display: inline; list-style-type: none; padding-left: 1px; background: url(images/list-elem.gif) no-repeat 0 center; position: relative; height: 100%; }
#navigation ul li.first { background: none; }
#navigation ul li a { color: #7b6b60; text-decoration: none; display: block; padding-left: 14px; padding-right: 12px; }
#navigation ul li a:hover { color: #ffffff; }
#navigation ul li a.active { color: #ffffff !important; }
#navigation ul li.hover { background-color: #0d0d0d; }
.activehome:hover > dd{ opacity:1;}
#navigation ul .dd { position: absolute; top: 14px; left: 0; width: auto; display: block; line-height: 14px; text-transform: none;}
#navigation ul .dd .dd { left: 100%; top: -5px; }
#navigation ul ul { float: none; display: block; padding: 5px; margin-left: 0; width: 178px; white-space: nowrap;}
#navigation ul ul li { float: none; display: block; padding-left: 0; margin-left: 0; padding: 0 5px; no-repeat 0 bottom; }
#navigation ul ul li.last { background: none; }
Asi me queda ahora....
http://subefotos.com/ver/?3f2440e46a2d01698662ef71ef6c66efo.jpg
Estoy seguro que es retocar algun display pero no doy con la tecla!!!