Witam. Mam problem z pionowym menu. Chciałbym aby submenu wyjeżdżało dokonując transformacji a wysokość pola pod submenu zajmowała 100% wysokości strony.
Samo menu działa. Może ktoś wie gdzie robię błąd.

[HTML] pobierz, plaintext 
  1. <div id="nav">
  2.     <ul class="top-level">
  3.         <li><a href="#">Home</a>
  4.             <ul class="sub-level">
  5.                 <li><a href="#">Sub Menu Item 1</a></li>
  6.                 <li><a href="#">Sub Menu Item 2</a></li>
  7.             </ul>
  8.         </li>
  9.         <li><a href="#">About</a></li>
  10.         <li><a href="#">Contact</a></li>
  11. 		<li><a href="#">Contact</a></li>
  12.     </ul>
  13. </div>
  14.  
  15. <style>
  16. #nav{ 
  17. font-size:0.75em; 
  18. width:150px; 
  19. }
  20.  
  21. #nav ul { 
  22. margin:0px; 
  23. padding:0px; 
  24. }
  25.  
  26. #nav li { 
  27. list-style: none; 
  28. }
  29.  
  30. /* tlo glowne */
  31. ul.top-level { 
  32. background:#666; 
  33. }
  34. /* style kafelkow top */
  35. ul.top-level li {
  36.  border-bottom: #fff solid;
  37.  border-top: #fff solid;
  38.  border-width: 1px;
  39. }
  40.  
  41. #nav a {
  42.  color: #fff;
  43.  cursor: pointer;
  44.  display:block;
  45.  height:25px;
  46.  line-height: 25px;
  47.  text-indent: 10px;
  48.  text-decoration:none;
  49.  width:100%;
  50. }
  51.  
  52. /* ogolny hover */
  53. #nav a:hover{
  54.  text-decoration:underline;
  55. }
  56.  
  57. #nav li:hover {
  58.  background: #f90;
  59.  position: relative; 
  60. }
  61.  
  62. ul.sub-level {
  63.     display: none;
  64.     width:0px;
  65.       /* Animacja */
  66.     -moz-transition-duration:1s;
  67.     -moz-transition-timing-function:cubic-bezier(0,0.5,1,0.5);
  68. }
  69.  
  70. /* hover sublevel */
  71. li:hover .sub-level {
  72.     background: #999;
  73.     border: #fff solid;
  74.     border-width: 0px;
  75.     display: block;
  76.     position: absolute;
  77.     left: 150px;
  78.     top: 0px;
  79. 	width:150px;
  80.  
  81. }
  82.  
  83. /* gabaryty sublevel */
  84. ul.sub-level li {
  85.     border: none;
  86.     float:left;
  87.     width:150px;
  88.  
  89. }
  90.  
  91. </style>
[HTML] pobierz, plaintext