Menu bar no longer working with IE update

Question

With the recent update in IE my main menu bar is no longer working, the "hover" function is not working and looks like the links are broken, but the links do work if you actually click on them.  From my vista machine it is OK but from my XP machine it does not show as being a link. The submenu's however do still work, here is the code, the first line is from the main menu and doesn't work, the 2nd line is a submenu and does work.
Here is the site www.conundrumadventures.com
From the main menu this is the code for "Adventures":
<td id="002" class="link4" onclick="location.href='Teambuilding-Exercises-Adventures.php'"; onmouseover="changeC('002','link4h');" onmouseout="changeC('002','link4');" >Adventures</td>
        </tr>
        <tr>
From within the adventures page here is the code for the submenu for  "Conundrum Metro":
          <td id="303" class="Sublink4" onclick="location.href='Outdoor-Team-Building.php'"; onmouseover="subchangeC('303','Sublink4h');" onmouseout="subchangeC('303','Sublink4');" >Conundrum Metro</td>
        </tr>
Any ideas how to fix the main menu bar?
Thanks
Lynn

Answer 1

I recommend doing away with your mouseover/mouseout links and convert to using Cascading Style Sheets.
Here is a link to CSS tutorials: http://www.adobe.com/devnet/dreamweaver/css.html
You don't say whether you are using Dreamweaver CS4 or an earlier version, but even if you are using that earlier version, you can type the code in yourself. Look especially at the tutorial chain "Designing with CSS", as there is a module that talks about a menu bar and how to make the links.
Best wishes,
Beth