I'm having some issues getting my menu to work right. I'm trying to make it so that when the top of a given category has the mouse over it, it creates a flydown of the submenu. Also, on the mouseover of both the top menu and submenus, i want it to go from pictureA.jpg to pictureB.jpg. I have part of the code below.

After trying to look up some solutions last night, I edited the code in order to try and get this to work. When it didn't, I gave up for the night and figured I'd try it again today. I still can't figure it out.

<style type="text/css">
body { }
table { background-color: #000000; border-style: none }
a.noDecor { text-decoration: none }
table.noShow {visibility:hidden; position:absolute }

accessoriesA=new Image
accessoriesB=new Image

<body bgcolor="#000000">

<table width="100%">
<tr valign="top">
<td align="center">
<div align="center"><img src="../assets/pageTitles/aboutUsTitle.png" /></div><br />
</td><br /><br />
<tr valign="top">

  <!-- ********** BEGIN NAVIGATION BAR ******************************************************* -->
  <!-- *************************************************************************************** -->
  <td align="center" />
    <table width="100%" align="center">
	<tr valign="top">
	<td align="center" onmouseover="document.getElementById('interior')
	  <a href="" class="noDecor">
	  <img src="../assets/navBar/interior/interiorA.png" alt="Interior" /><br />
	     <table class="noShow" id="interior" cellspacing="0" cellpadding="0" border="0">
		 <a href="../interior/interiorAccessories.html" 
		 <img name="picture" src="../assets/navBar/interior/interiorAccessoriesA.png" alt="Interior Accessories" />
		 <a href="../interior/interiorAudio.html">
		 <img src="../assets/navBar/interior/interiorAudioA.png" alt="Audio Components" />
		 <a href="../interior/interiorCarpet.html">
		 <img src="../assets/navBar/interior/interiorCarpetA.png" alt="Carpeting" />

Thanks for any help on this one,

Nevermind, just needed a ";" between events.