So for my site www.gooregongo.com/index.php , my drop down menu ends up displaying behind the video.  How can I change this?

Take a look here please:
forum.joomlaworks.net/welcome-to-the-joomlaworks-community-forum/my-suckerfish-%28or-other%29-menu-expands-behind-flash-objects-or-image-rotators!/

It seems that isn't the problem that I can tell.
HTML:
      <!-- MAIN NAVIGATION -->
<div id="ja-mainnav" class="wrap"> 
  <div class="main clearfix">
<ul class="no-display">
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
</ul>
   
<?php if ($jamenu) $jamenu->genMenu (0); ?>
</div>
</div>
<!-- //MAIN NAVIGATION -->


CSS:
   
#ja-mainnav {
background: #F4F4F4;
border-top: 1px solid #D5D5D5;
padding: 8px 0;
z-index: 99;
        position: relative;
}

Ok, I have it working.  I placed the z-index to 9999.  The code on pre-made templates is so crazy...