Tema: Submenu sale descentrado
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/12/2013, 15:45
MindPaniC
Invitado
  
Mensajes: n/a
Puntos:
Pregunta Submenu sale descentrado
Hola,

Los menus se despliegan correctamente pero salen todos a la izquierda en vez de debajo de su correspondiente zona.

Aqui podeis ver lo que ocurre al hacer hover sobre los tres primeros enlaces del menu principal (el grande)

http://test.javierdelpozo.com/

el codigo CSS es:

Código CSS: 
Ver original
  1. #principal {
  2.     margin-bottom:17px;
  3.     float:right;
  4. }
  5. #principal ul {
  6.     margin:0;
  7. }
  8. #principal ul li {
  9.     display:inline;
  10.     font-size:1em;
  11.     font-family:'Droid Sans', sans-serif;
  12.     text-transform:uppercase;
  13. }
  14. #principal ul li a {
  15.     text-decoration:none;
  16.     color:#f18e00;
  17.     padding:17px 5px 17px 5px;
  18.     margin-right:17px;
  19. }
  20. #principal ul li a:hover {
  21.     color:#FFF;
  22.     background-color:#f18e00;
  23. }
  24. #principal .activo a {
  25.     color:#FFF;
  26.     background-color:#f18e00;
  27. }
  28. #principal .ultimo a {
  29.     margin-right:0;
  30. }
  31. #principal ul ul {
  32.     display:none;
  33.     position:absolute;
  34.     margin-top:17px;
  35. }
  36. #principal ul li:hover ul {
  37.     display:block;
  38.     z-index:2;
  39. }
  40. #principal ul ul li {
  41.     margin:0;
  42.     font-size:1em;
  43.     font-family:'Droid Sans', sans-serif;
  44.     text-transform:uppercase;
  45. }
  46. #principal ul ul li a {
  47.     width:auto;
  48.     display:block;
  49.     padding:5px;
  50.     background-color:#f18e00;
  51.     color:#FFF; 
  52. }
  53. #principal ul ul li a:hover {
  54.     color:#666;
  55. }

¿Cómo puedo solucionarlo?