Make content move when menu is opened

[colinod]

I have a menu set within my main top menu bar that id not main menu and would like the content of my page to move down when the menu is opened and not go over the top.

http://www.yaketyyakallmouth.com/fluidpages2/boysz.asp?id=All

css for menu

#nav {
	width: 1200px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	font-size: 14px;
}
#nav li {
	display: inline;
}
#nav a {
	font-size: 22px;
	margin: 10px;
	color: #cc0000;
}
#nav a:hover {
	color: #A3B713;
}
#nav ul a {
	font-size: 18px;
	width: 200px;
	color: #ef007b;
}
#nav ul a:hover {
	color: #666;
}

ul{
	list-style-type: none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#nav ul {
	display:none;
	position:absolute; 
	top:100%; 
	width: 1200px;
      }

and content

#artists {
	clear: both;
	width: 75%;
	padding: 5px;
	padding-top: 20px;
	padding-left: 320px;
	margin-right: 50px;
	/*background-color:#3C6;*/
}

#content {
	width: 100%;
    padding-top: 90px;
	position:absolute;
    /*padding-right: 180px;*/
	margin: 0 auto;
	/*background-color:#F00;*/
}

its a basic UL menu

hope someone can help

[marcharriss]

I just made an account, and think I can help if you haven't already solved the problem.

[colinod]

still looking for a way but page has now changed to here

http://www.yaketyyakallmouth.com/fluidpages2/boys.asp?id=All