<script language="JavaScript">
layername = "drop";
<a class = "nav" href="AboutUs.html" onMouseOver="document.getElementById(layername).style.visibility="visible""><strong><</strong>About Us<strong>></strong></a>
</script>
It didn't work.
BTW drop is the name of the div. Is this how you do this. If not is there a way?

a.nav{text-decoration:none;}
a.nav:link{color:red;} 
a.nav:visited{color:red;} 
a.nav:hover{color:blue;} 
a.nav strong{color:purple;} 
a.nav:hover strong{color:red;}
font.heading{
	font-size: 25px;
}
font.date{
	font-size: 20px;
}
font.news{
	font-size: 15px;
	text-indent: 35px;
}
#container{
	width: 800px;
	height: 100%;
	background-color: black;
	position: absolute;
}
#menu{
	margin-left: 0px;
	width: 150px;
	height: 200px;
	background-color: purple;
	position: absolute;
}
#main{
	margin-left: 160px;
	width: 650px;
	height: 100%;
	color: white;
	background-color: black;
	position: absolute;
}
#news{
	margin-left: 10px;
	margin-top: 5px;
	width: 650px;
	background-color: teal;
	position: relative;
}
#newshead{
	margin-left: 10px;
	width: 650px;
	background-color: teal;
	position: relative;
	text-indent: 50%;
}
#newsbody{
	margin-left: 10px;
	width: 650px;
	background-color: purple;
	position: relative;
}
#drop{
	margin-left: 0px;
	margin-top: 250px;
	width: 650px;
	background-color: purple;
	position: absolute;
	visibility: hidden;
}