hi, i have been making a page in css but now it come to the part where i need a drop down menu. I have managed to design on but when it comes to put the thing on the page it dosent work for some reason, i followed the instruction and did what exzactly it said and still the thing dosent work is there any way to fix it here is the code i used.
Code JavaScript:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title> </title>
 
<head>
    <script type="text/javascript">var dmWorkPath = "data.files/";</script>
    <script type="text/javascript" src="data.files/dmenu.js"></script>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
 
.style2 {
	font-size: 16px
}
.style3 {
	font-size: 24px;
	font-weight: bold;
}
 
</style>
 
 
</head>
 
<body>
<style type="text/css">
body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	background: #fff;
}
 
#page-container {
	width: 759px;
	bottom: 800px;
	margin: auto;
 
	}
 
/* begin menu styling */
#navcontainer  ul {
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: blue;
	}
 
	#navcontainerb {
 
width: 100%;
height: 20%;
}
 
#navcontainer ul li {
	 display: inline; 
 
	 }
 
#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #000;
	color: green;
	font-weight:bold;
	float: left;
	border: 1px solid #000;
	width: 4em;
	text-align: center;
	text-decoration:none;
	}
 
#navcontainer ul li a:hover {
 
	color: white;
	font-weight:bold
	}
 
/* end menu styling */
 
 
#sidebar-a {
	float: right;
	width: 200px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	background: white;
	}
 
#content {
	background: white;
	margin-right: 200px;
	}
 
#content .padding {
	padding: 25px;
}
 
#content h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}
 
#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}
 
 
#sidebar-a .padding {
	padding: 25px;
}
 
#footer {
	clear: both;
	height: 66px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: white;
	background: white;
}
 
a {
.hidden 
 display: none;
}
</style>
<div id="page-container">
 
	<div id="header"></div>
 
	<div id="navcontainer">  
	  <div align="left"><img src="../../Pictures/WebsitePictures/TopLeftLogo.jpg" width="260" height="53" /></div>
	  <div align="right">Home | Contact Us | Partners</div>
      <div id="banner">
 
	    <div align="right"><img src="../../Pictures/WebsitePictures/Banner.jpg" width="759" align="middle" height="170" /></div> 
	    <div id="HCP">
	      <p>
	           <script type="text/javascript" src="data.js"></script>
        </p> 
</div>
 
 
    <div id="sidebar-a">
	  <p><strong> News:</strong>
        <script type="text/javascript" src="http://app.feeddigest.com/digest3/SGY5NHWZMZ.js"><noscript><a href="http://app.feeddigest.com/digest3/SGY5NHWZMZ.html">Click for &quot;Change Mevg&quot;.</a> Powered by <a href="http://www.feeddigest.com/">RSS Feed Digest</a></noscript></script>
	    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','141','height','246','src','../../Flash/Banner1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../../Flash/Banner1' ); //end AC code
          </script>
        <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="141" height="246">
          <param name="movie" value="../../Flash/Banner1.swf" />
          <param name="quality" value="high" />
          <embed src="../../Flash/Banner1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="141" height="246"></embed>
        </object>
        </noscript>
	  </p>
 
 
 
</div>
	<div id="content">  <h2><span class="style3">Network Box</span></h2>
	<div style="height: 150px; background: white;">
	  <p class="style2">managed security services is a global corparation based in London, Hong Kong and Melbourne we provide realtime subscription based perimiter security managed services for companies of all sizes needing a simple comprehensive soulution without the complexity and the cost associated with traditional enterprise network security. This service is designed to take away the hastle of maintaining you companys internet secuirty by leaving the task to a company who do nothing more but monitor and protect you network 24</p>
	  <p class="style2">&nbsp;</p>
	</div>
	<div style="height: 150px; background: white;"></div>
	</div>
    </div>
    </div>
	<div id="footer"></div>
</div>
 
</body>
</html>
any help would be much appreshiated
thanks