To jest menu w pełni stworzone w css:
[HTML] pobierz, plaintext 
  1. <div id="outside">
  2. <ul id="navigation-1">
  3.    <li><a href="xxx" title="Strona Główna" target="_self" >Strona Główna</a>
  4.    </li>
  5.    <li><a href="xxx" title="Działki i Ceny" target="_self" >Działki i Ceny</a>
  6.       <ul class="navigation-2">
  7.       <li><a href="xxx" title="Mapka dojazdu" target="_self" >Mapka dojazdu</a></li>
  8.          <li><a href="xxx" title="Plan sytuacyjny terenu" target="_self" >Plan sytuacyjny terenu</a></li>
  9.       </ul>
  10.    </li>
  11.    <li><a href="xxx" title="Okolica" target="_self" >Okolica</a>
  12.       <ul class="navigation-2">
  13.          <li><a href="xxx" title="Sadłogoszcz" target="_self" >Sadłogoszcz</a></li>
  14.          <li><a href="xxx" title="Barcin" target="_self" >Barcin</a></li>
  15.          <li><a href="xxx" title="Inowrocław" target="_self" >Inowrocław</a></li>
  16.          <li><a href="xxx" title="Żnin" target="_self" >Żnin</a></li>
  17.          <li><a href="xxx" title="Mogilno" target="_self" >Mogilno</a></li>
  18.          <li><a href="xxx" title="Lubostroń" target="_self" >Lubostroń</a></li>
  19.          <li><a href="xxx" title="Bydgoszcz" target="_self" >Bydgoszcz</a></li>
  20.      </ul>
  21.    </li>
  22.    <li><a href="xxx" title="Stan prawny" target="_self" >Stan prawny</a>
  23.       <ul class="navigation-2">
  24.          <li><a href="xxx" title="Warunki zabudowy" target="_self" >Warunki zabudowy</a></li>
  25.       </ul>
  26.    </li>
  27.    <li><a href="xxx" title="Galeria" target="_self" >Galeria</a>
  28.    </li>
  29.    <li><a href="xxx" title="Kontakt" target="_self" >Kontakt</a>
  30.       <ul class="navigation-2">
  31.          <li><a href="xxx" title="Zadaj pytanie" target="_self" >Zadaj pytanie</a></li>
  32.       </ul>
  33.    </li>
  34.       </li>
  35. </ul>
  36. </div>
[HTML] pobierz, plaintext

Działa w następujący sposób:

Działa ok na IE > 6, Operze, Firefoxie, Chromie.
W IE <= 6 po najechaniu lista się nie rozwija.
Jakieś pomysły?

CSS do menu:
[CSS] pobierz, plaintext 
  1. #outside{
  2. 	border:1px solid #777;
  3. 	background:#777;
  4. 	}
  5. #navigation-1 {
  6. 	padding:1px 0;
  7. 	margin:0px;
  8. 	list-style:none;
  9. 	width:100%;
  10. 	height:21px;
  11. 	border-top:1px solid #FFFFFF;
  12. 	border-bottom:1px solid #FFFFFF;
  13. 	font:normal 8pt verdana, arial, helvetica;
  14. }
  15. #navigation-1 li {
  16. 	margin:0;
  17. 	padding:0;
  18. 	display:block;
  19. 	float:left;
  20. 	position:relative;
  21. 	width:148px;
  22. }
  23. #navigation-1 li a:link, #navigation-1 li a:visited {
  24. 	padding:4px 0;
  25. 	display:block;
  26. 	text-align:center;
  27. 	text-decoration:none;
  28. 	background:#777;
  29. 	color:#ffffff;
  30. 	width:148px;
  31. 	height:13px;
  32. }
  33. #navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
  34. 	padding:4px 0;
  35. 	display:block;
  36. 	text-align:center;
  37. 	text-decoration:none;
  38. 	background:#222;
  39. 	color:#ffffff;
  40. 	width:146px;
  41. 	height:13px;
  42. 	border-left:1px solid #ffffff;
  43. 	border-right:1px solid #ffffff;
  44. }
  45. #navigation-1 li ul.navigation-2 {
  46. 	margin:0;
  47. 	padding:1px 1px 0;
  48. 	list-style:none;
  49. 	display:none;
  50. 	background:#ffffff;
  51. 	width:146px;
  52. 	position:absolute;
  53. 	top:21px;
  54. 	left:-1px;
  55. 	border:1px solid #777;
  56. 	border-top:none;
  57. }
  58. #navigation-1 li:hover ul.navigation-2 {
  59. 	display:block;
  60. }
  61. #navigation-1 li ul.navigation-2 li {
  62. 	width:146px;
  63. 	clear:left;
  64. 	width:146px;
  65. }
  66. #navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
  67. 	clear:left;
  68. 	background:#777;
  69. 	padding:4px 0;
  70. 	width:146px;
  71. 	border:none;
  72. 	border-bottom:1px solid #ffffff;
  73. 	position:relative;
  74. 	z-index:1000;
  75. }
  76. #navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
  77. 	clear:left;
  78. 	background:#222;
  79. 	padding:4px 0;
  80. 	width:146px;
  81. 	border:none;
  82. 	border-bottom:1px solid #ffffff;
  83. 	position:relative;
  84. 	z-index:1000;
  85. }
  86. #navigation-1 li ul.navigation-2 li ul.navigation-3 {
  87. 	display:none;
  88. 	margin:0;
  89. 	padding:0;
  90. 	list-style:none;
  91. 	position:absolute;
  92. 	left:145px;
  93. 	top:-2px;
  94. 	padding:1px 1px 0 1px;
  95. 	border:1px solid #777;
  96. 	border-left:1px solid #777;
  97. 	background:#ffffff;
  98. 	z-index:900;
  99. }
  100. #navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
  101. 	display:block;
  102. }
  103. #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
  104. 	background:#777;
  105. }
  106. #navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
  107. 	background:#222;
  108. }
  109. #navigation-1 li ul.navigation-2 li a span {
  110. 	position:absolute;
  111. 	top:0;
  112. 	left:132px;
  113. 	font-size:12pt;
  114. 	color:#fe676f;
  115. }
  116. #navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
  117. 	position:absolute;
  118. 	top:0;
  119. 	left:132px;
  120. 	font-size:12pt;
  121. 	color:#ffffff;
  122. }
[CSS] pobierz, plaintext
Menu pobrane ze strony www.cssmenumaker.com.