Problem z rozjeżdżającym się menu rozwijanym, Po najechaniu na element rozjezdza sie. Opcje

[Sajrox]

Witam,
Od jakiegoś czasu męczę się z menu w css które mozna zobaczyć tutaj:
http://serwisy.a-tech.pl/slawek/code

Chciałbym prosić o pomoc. Jak mam rozwiązać problem z tym rozjeżdżającym elementem menu po najechaniu na niego?
Tutaj jest kod CSS.

[HTML] pobierz, plaintext 
#menu {  
     background: #FFFFFF url(images/menu.gif) repeat-x;  
     height: 30px;  
     margin-top: 142px;  
     margin-bottom: -120px;  
  }  
 
  div#navigation {  
     text-decoration: none;   
     position: absolute;   
     width: auto;  
  }  
 
  div#navigation ul {  
     float: left;   
     margin: 0;   
     padding: 0;   
     margin-top: 8px;   
  }  
 
  div#navigation ul a {  
     padding-left: 20px;   
     padding-right: 20px;   
  }  
 
  div#navigation li {  
     list-style: none;   
  }  
 
 
  div#navigation ul ul {  
     display: none;  
     position: absolute;   
     background: #318fb6;  
     border: 1px solid #145f7d;  
     margin-top: 9px;  
     min-width: 140px;  
  }  
 
  div#navigation ul ul li {  
     padding-top: 4px;  
     padding-bottom: 4px;  
     border-left: 6px solid #207b9f;  
     border-bottom: 1px solid #207b9f;  
     min-width: 140px;     
  }  
 
  div#navigation ul ul li:hover {  
     background: #2e82a4;  
     border-left: 6px solid #145f7d;  
  }  
 
  div#navigation ul ul a{  
     color: #FFFFFF;  
  }   
 
  div#navigation ul:hover ul {  
     position: relative;   
     display: block;  
  }
[HTML] pobierz, plaintext