[^hyd^]

I seem to remember this as being one of those stupid "quirks" that I ran into a long time ago...
try removing any spaces between the tags.

for example: (note the red sections)

<TD>< A HREF="rules.html"
      ONMOUSEOVER="menuSwap('rules', 'rules2');"
      ONMOUSEOUT="menuSwap('rules', 'rules1'); ><IMG 
      SRC="images/menu_rules1.gif" WIDTH=118 HEIGHT=37 
      BORDER=0 ALT="Rules" NAME=rules></A></TD>

instead of:

<TD>
  < A HREF="rules.html"
       ONMOUSEOVER="menuSwap('rules', 'rules2');"
       ONMOUSEOUT="menuSwap('rules', 'rules1');">
       <IMG SRC="images/menu_rules1.gif" WIDTH=118 HEIGHT=37 BORDER=0 ALT="Rules" NAME=rules>
      </A>
  </TD>

I know it makes for ugly code, so indent as you would like... not sure if it'll fix it, but giver a try!

Cheers!