Ver Mensaje Individual
  #6 (permalink)  
Antiguo 24/03/2013, 18:31
tyrantyan
 
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 17 años
Puntos: 0
Respuesta: Hacer un submenú

Lo he solucionado, comparto como quedo al final.
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: #959697; 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; }
#navigation ul .dd { position: absolute; top: 14px; left: 0; width: auto; display: none; line-height: 14px; text-transform: none;}
#navigation ul .dd .dd { left: 100%; top: -5px; }
#navigation ul ul { float: none; display: none; padding: 5px; margin-left: 0; width: 178px; white-space: nowrap;}

#navigation ul li:hover ul { display: block; }
#navigation ul ul li.last { background: none; }