Mine

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
     <title>Contact</title> 
           <script type="text/javascript">
							window.onload = function() {
								
								// set the class names for the menu and use the onmouseover to
								// set the class change when the mouse is over because some browsers
								// dont recognise the :hover property in css except for on anchor tags.

								var nav_items = document.getElementsByTagName("LI"),x;
								for (x = 0; x < nav_items.length;x++)
								{
									nav_items[x].className = "off";
									nav_items[x].childNodes[0].className = "off";
									nav_items[x].onmouseover = function() { 
										this.className = "on";
										if (this.childNodes[0].tagName == "A")
										{
											this.childNodes[0].className = "on";
										}
									}
									nav_items[x].onmouseout = function() {
										this.className = "off";
										if (this.childNodes[0].tagName == "A")
										{
											this.childNodes[0].className = "off";
										}
									}
									
								}
							}
           </script> 
						<link rel="stylesheet" type="text/css" href="style.css" />
      </head> 
 <body> 
  
	<div>
		<div id="nav"">
			<ul class="nav">
				<li><a href="default.html" style="width: 74px">Home</a></li>
				<li><a href="archhistory.html" style="width: 74px">History</a></li>
				<li><a href="archfacts.html" style="width: 74px">Facts</a></li>
				<li><a href="archcalendar.html" style="width: 74px">Calendar</a></li>
				<li><a href="archphotos.html" style="width: 74px">Pictures</a></li>
				<li><a href="museum.html" style="width: 74px">Museum</a></li>
				<li><a href="archinfo.html" style="width:74px">Info</a></li>
				<li><a href="links.html" style="width: 74px">Links</a></li>
				<li><a href="contact.html" style="width: 74px">Contact</a></li>
			</ul>
		</div>		
	</div>

 </body> 
 </html>