Ho inserito uno slider (flexslider) nel sito che sto creando dove prima dello slider c'è un menù a tendina, ma la tendina quando si apre in automatico va a finire dietro lo slider e non capisco il motivo. Qualcuno può aiutarmi ?! Di seguito inserisco il codice html della pagina e il css del menù.

codice:
</head>
<body>
<div align="center">

<table border="0" cellpadding="0" style="border-collapse: collapse" width="723" bgcolor="#FFFFFF">
			<td bordercolor="#FFFFFF">
			<div align="center">
				<table border="0" cellpadding="0" style="border-collapse: collapse" width="810">
					<tr>
						<td>
                        [img]WeddingBanner.jpg[/img]
                        </td>
					</tr>
                     <tr>
                    <td>
                    <hr style="border-bottom:2px dashed #F78DB7"/>
                   
                     <ul id="mymenu">
      [*]Home
      [*]Chi Siamo  [*]Wedding
   <ul>[*]Wedding[*]Servizio Wedding[/list]
   [*]Eventi
   <ul>[*]Eventi[*]Servizio Eventi[/list][*]Gallery[*]Faq[*]Contattaci        [/list]
       


<hr style="border-bottom:2px dashed #F78DB7"/>
        </td>
        </tr>
                    <tr>		
        				<td>
                        <div class="flexslider">
  <ul class="slides">[*]
      [img]images/0.jpg[/img]
    [*]
      [img]images/1.jpg[/img]
    [*]
      [img]images/3.jpg[/img]
    [*]
      [img]images/4.jpg[/img]
    [/list]
</div>
                      </td>
					</tr>           
				</table>
			</div> 
			
			</td>
		</tr>
  <tr>
    <td>


  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
  
  <script defer src="js/jquery.flexslider.js"></script> 
  <script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
  </script>
codice:
ul#mymenu{
	  font-family:Gabriola;
	  font-size:20px;
	  color: #F88DB7;
      background: #fff;
      width:845px;
      }
      ul#mymenu,ul#mymenu li,ul#mymenu ul,ul#mymenu ul li{
      margin:0px;
      padding:10px 0px 0px 0px;
      list-style-type:none;
      }
      ul#mymenu a{
      padding: 15px 0px 0px 63px;
      /*text-decoration: none; Disatt. sottolineatura*/
      color:#F88DB7;
      }/*Posizione menu*/
      ul#mymenu li{
      float:left;
      position:relative;
      }/*Posizione Sezioni*/
      ul#mymenu li li{
      line-height: 30px;
      width:250px;
      }/* testo tendina*/
      ul#mymenu ul{
      position:absolute;
      top: 40px;
      left: -9999px;
      background: #fff;
      color: #fff;
	  z-index:10px;
	  overflow:visible;
      }/* Posizione Tendina*/
      ul#mymenu li:hover,ul#mymenu a:hover{
      color: #FCCCE2;
      }/*Colore Passaggio Mouse e Sfondo Parole*/
      ul#mymenu li:hover ul,ul#mymenu li.sfhover ul{
      left: -1px;
	  z-index:10px;
      }     /*tendina*/