Mouseover Tabs

Im stuck. On mouseover my tab area is blank, what am I doing wrong?

The code in my header.php

<script src="mouseovertabs.js" type="text/javascript">

/***********************************************
* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at https://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<?php wp_head(); ?>
</head>

The code in my index.php

<div id="yourtabsmenu" class="tabsmenuclass">
<ul>
<li><a href="https://www.javascriptkit.com" rel="gotsubmenu">JavaScript Kit</a></li>
<li><a href="https://www.cssdrive.com" rel="gotsubmenu" id="cssdrive">CSS Drive</a></li>
</ul>
</div>

<div id="yoursubmenuarea" class="tabsmenucontentclass">

<!--1st link within submenu container should point to the external submenu contents file-->
<a href="../../submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>

</div>

<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("yourtabsmenu", "yoursubmenuarea", false)

</script>

Thanks for the help