Znikający div podczas zdarzenia mouseout oraz mouseover Opcje

[Noone2011]

Witam.

Mam problem z submenu. Zrobiłem rozwijane submenu dla strony za pomocą JQuery ale jak najeżdżam na opcję submenu to mi cąły div submenu znika.

Oto jest kod Jquery :

[PHP] pobierz, plaintext 
  $(function(){
 
       $('#hidden').hide();  	   
 
  	    $('#flota').mouseover(function(){
           $('#hidden').slideDown();	    
  	    	});
  	    $('#hidden').mouseout(function(){
  	    	  $('#hidden').hide();
  	      });
 
  	});
[PHP] pobierz, plaintext 

A tutaj jest kod strony na której się wyświetla menu :

[PHP] pobierz, plaintext 
<div class="submenu_hidden" id="hidden">   
      <?php
 
           for($i = 0; $i < count($submenu_path); $i++){
 
                echo "<div class='submenu_option'>";	
           	    echo "<a href='$submenu_path[$i]' title='$submenu_title[$i]'>";
           	    echo $submenu_title[$i];
           	    echo "</a>";
           	    echo "</div>";
 
           	}
 
      ?>
   </div>    
[PHP] pobierz, plaintext 

Problem lezy chyba w tym że jak najeżdżam na opcję submenu to schodzę z głownego diva i wykonuje się funkcja mouseout ale nie wiem jak to zrobić żeby nawet jak najeżdżam na submenu to żeby się główny div nie chował.

I jeszcze jeden problem może ktoś wie dlaczego nie działa mi atrybut css : "color : white" w tym divie submenu :

Oto jest kod:

[HTML] pobierz, plaintext 
.submenu_option {
	               color: white;
	               float: left;
	               width: 240px;
	               font-size: 13pt;
	               font-weight: 800;
	               font-family: 'Andalus',sans-serif;
	               margin-left: 20px;
	               margin-top: 15px;
 
	             }
[HTML] pobierz, plaintext 

Tutaj zamieszczam zdjęcie submenu. :

http://zapodaj.net/ee71f911f997.png.html

Z góry dzięki za pomoc

Pozdrawiam