Witam mam problem z menu,
działa wszystko ok do czasu gdy chce nadać mu margines lewy aby było wyświetlane na środku
Menu pod adresem http://webds.pl/menu/


Menu się rozwija i dopiero po pełnym rozwinięciu ukazuje sie lewa strona
Sprawdzałem już kilka menu jquery i to samo.

Może ktoś miał podobny problem i wie jak go rozwiązać.

Głownie chodzi o to że menu rozsuwane ma być szersze od górnego buttona i ma być na środku.
Prawa strona wyświetla sie dobrze a lewa pokazuje się dopiero po całkowitym rozwinięciu.

Skrypt menu wykorzystany z strony http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

CSS

[HTML] pobierz, plaintext 
  1. .ddsmoothmenu{
  2. font: bold 12px Verdana;
  3. background: #171717; /*background of menu bar (default state)*/
  4. width: 949px;
  5. }
  6.  
  7. .ddsmoothmenu ul{
  8. z-index:100px;
  9. margin: 0;
  10. padding: 0;
  11. list-style-type: none;
  12. }
  13.  
  14. /*Top level list items*/
  15. .ddsmoothmenu ul li{
  16. position: relative;
  17. display: inline;
  18. float: left;
  19. }
  20.  
  21. /*Top level menu link items style*/
  22. .ddsmoothmenu ul li a{
  23. display: block;
  24. background: #171717; /*background of menu items (default state)*/
  25. color: white;
  26. padding: 8px 10px;
  27. color: #fff;
  28. text-decoration: none;
  29. }
  30.  
  31. * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
  32. display: inline-block;
  33. }
  34.  
  35. .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
  36. color: white;
  37. }
  38.  
  39. .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
  40. background: black; 
  41. color: white;
  42. }
  43.  
  44. .ddsmoothmenu ul li a:hover{
  45. background: black; /*background of menu items during onmouseover (hover state)*/
  46. color: white;
  47. }
  48.  
  49. /*1st sub level menu*/
  50. .ddsmoothmenu ul li ul{
  51. position: absolute;
  52. left: 0;
  53. display: none; /*collapse all sub menus to begin with*/
  54. visibility: hidden;
  55. }
  56.  
  57. /*Sub level menu list items (undo style from Top level List Items)*/
  58. .ddsmoothmenu ul li ul li{
  59. display: list-item;
  60. float: none;
  61.  
  62. }
  63.  
  64. /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  65. .ddsmoothmenu ul li ul li ul{
  66. top: 0;
  67.  
  68. }
  69.  
  70. /* Sub level menu links style */
  71. .ddsmoothmenu ul li ul li a{
  72. font: normal 13px Verdana;
  73. width: 160px; /*width of sub menus*/
  74. margin-left:-50px;
  75.  
  76. }
  77.  
  78. /* Holly Hack for IE \*/
  79. * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
  80.  
  81.  
[HTML] pobierz, plaintext