Mam problem z rozsuwającym się menu. Zrobiłem sobie takie, że po najechaniu wyświetlają się dodatkowe opcje. Wszystko jest ok, gdy ustawię wysokość diva za pomocą height: , ale jak nie ma height: ustawione dla diva z menu, to w ogóle reszta listy po najechaniu się nie wyświetla.
Jak można ominąć to i sprawić, aby po najechaniu lista wyświetliła się poza obszar divu z menu ?
Panel jest robiony pod framework Kohana.

Div z menu ma nazwę verticalmenu.
Lista to menu.

XHTML
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html 
  3. 	PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  6. <head>
  7.      <title>Admin Panel</title>
  8.      <link rel="stylesheet" type="text/css" href="http://localhost/scripts/kohana/media/css/admin.css" />
  9. </head>
  10. <body>
  11.  
  12. <div id="wrapper">
  13.  
  14. <div id="verticalmenu">
  15. <ul class="menu">
  16.     <li><a href="http://localhost/scripts/kohana/admin/board">Home</a></li>
  17.  
  18.     <li>News        <ul>
  19.             <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li>
  20.             <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li>
  21.         </ul>
  22.     </li>
  23.        <li>Komentarze        <ul>
  24.             <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li>
  25.  
  26.             <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li>
  27.         </ul>
  28.     </li>
  29.        <li>Zdjęcia        <ul>
  30.             <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li>
  31.             <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li>
  32.         </ul>
  33.  
  34.     </li>
  35.        <li>Filmy        <ul>
  36.             <li><a href="http://localhost/scripts/kohana/.">Dodaj</a></li>
  37.             <li><a href="http://localhost/scripts/kohana/.">Zarządzaj</a></li>
  38.         </ul>
  39.     </li>
  40.     <li><a href="http://localhost/scripts/kohana/login/signout">Wyloguj</a></li>
  41.  
  42. </ul>
  43. </div>
  44.  
  45. <div id="content">
  46. Content</div>
  47.  
  48. <div id="footer">
  49. <span>Š 2009 for borczykracing.pl</span>
  50. </div>
  51.  
  52. </div>
  53. </body>
  54. </html>
[HTML] pobierz, plaintext



CSS
Kod
html, body {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 780px;
    margin: auto;
    margin-top: 30px;
}

#verticalmenu {
    overflow: hidden;
    background-color: #D2D2D2;
}

#content {
    overflow: hidden;
}

#footer {
    clear: both;
    width: 100%;
    font: bold 11pt Arial;
    background-color: #B6FF82;
}

ul.menu, ul.menu li, ul.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menu {
    position: relative;
}

ul.menu li {
    float: left;
    border: solid 1px #d9d9d9;
    background-color: #f6f6f6;
    color: #000;
    padding: 7px 10px;
}

ul.menu li:hover {
    position: relative;
    background-color: #eee;
}

ul.menu ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100px;
    margin-top: 1px;
}

ul.menu ul li {
    float: none;
}

ul.menu li:hover ul {
    visibility: visible;
}

ul.menu a:link, ul.menu a:visited {
    color: #000;
    text-decoration :none;
}