CSS issue with menu items apearing behind the top level items

I am working on a site with multiple levels in the drop down. For the most part it works great but I am having a slight problem right now, on-load everything loads fine but the first time you hover over the drop-down menu the lower level menu is hidden behind the upper level menu. If you move off the menu then go back the menu displays correctly. I have tried changing the z-index to no avail. Any help you can give would be appreciated.

my site is http://www.dacc.edu/depts/inst/test.php
hover over office of instruction on the top of the page

Office of instruction—>Business Division—>Business careers–>problem menu

I don’t see ay issues with the code, but perhaps there is something in the css file messing it up. I tried temporarily “fixing” the problem by moving the entire menu to the left which allowed the problem section to open to the right, I thought that if there was a problem it would also effect lower level menus but it does not. It only effects the menu directly under business careers (and other menus of the same level). This leads me to believe it is css, but z-index did not work. I tried doing position:absolute instead of position:relative and that worked but it skewed the menus so that menus with one or two items were unusable. Any help here would be appreciated.

This issue is driving me nuts! I have been trying to resolve this for a week!
Here is the CSS

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/

font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #e5febc;
border: 1px solid gray;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}

.flexdropdownmenu li{
position:relative;
 background: #e5febc;
z-index:3;
}
.flexdropdownmenu li ul ul a{

 background: #e4f0c0;
 z-index:400;
 }
.flexdropdownmenu li ul li ul a{
position:relative;
 background: white;
z-index:auto;
}
 
 .flexdropdownmenu li ul ul ul a{
font-size:x-small;
 background: #e4f0c0;

 }

.flexdropdownmenu li a{
display: block;
width: 200px; /*width of menu (not including side paddings)*/
color: black;

border-bottom: 1px solid gray;
text-decoration: none;
padding: 4px 5px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 200px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #c8e181;
}



</style>

Here is the HTML, problem area in red ( all the menus that have the same level are affected)

<ul style="text-align:center">
<li><a href="../index.html">Departments and Offices</a></li>
<li style="margin-bottom:10px; "><a href="" data-flexmenu="flexmenu81" >Office of Instruction</a>
</li>
</ul>

<ul id="flexmenu81" class="flexdropdownmenu"  >

       <li>	
		 <a href="bus/" >Business Division</a>
		  <ul >
			  <li><a href="../../courses/index.php?division=BUSM" target="_blank">Majors/Courses</a></li>
			  <li><a href="">Business Careers</a>
			  		[COLOR="#FF0000"]<ul style="z-index:100" >
			  		<li><a href="#">Business, Marketing, and Management</a>
			  			<ul>
			  			<li><a href="../../catalog/programs/Accounting.pdf" target="_blank">
						Accounting</a></li>
			  			<li>
						<a href="../../catalog/programs/AccountingCertificate.pdf" target="_blank">
						Accounting Certificate</a></li>
			  			<li>
						<a href="../../catalog/programs/CosmetologyCertificate.pdf" 									target="_blank">
						Cosmetology Certificate</a></li>
			  			<li>
						<a href="../../catalog/programs/ManagementCertificate.pdf" target="_blank">
						Management Certificate</a></li>
			  			<li><a href="../../catalog/programs/Marketing.pdf" target="_blank">
						Marketing</a></li>
			  			<li>
						<a href="../../catalog/programs/RealEstateCertificate.pdf" target="_blank">
						Real Estate Certificate</a></li>
			  			<li>
						<a href="../../catalog/programs/TourismCertificate.pdf" target="_blank">
						Tourism Certificate</a></li></ul></li>
			  		<li><a href="#">Office Systems and Technologies</a>
			  		<ul><li>
						<a href="../../catalog/programs/AccountingOfficePersonnel.pdf" 									target="_blank">
						Accounting Office Personnel</a></li>
			  		<li>
					<a href="../../catalog/programs/Accounting%20Office%20Certificate.pdf" 							target="_blank">
					Accounting Office Services Certificate</a></li>
					<li>
					<a href="../../catalog/programs/AdministrativeProfessional.pdf" 								target="_blank">
					Administrative Professional</a></li>
					<li>
					<a href="../../catalog/programs/Desktop%20Publishing%20Certificate.pdf" 						target="_blank">
					Desktop Publishing Certificate</a></li>
					<li>
					<a href="../../catalog/programs/MedicalOfficePersonnel.pdf" target="_blank">
					Medical Office Personnel</a></li>
					<li>
					<a href="../../catalog/programs/Medical%20Office%20Certificate.pdf" 							target="_blank">
					Medical Office Certificate</a></li>
					<li>
					<a href="../../catalog/programs/MicrosoftOfficeCertificate.pdf" 								target="_blank">
					Microsoft Office Certificate</a></li>
					<li>
					<a href="../../catalog/programs/Office%20Assistant%20Certificate.pdf" 							target="_blank">
					Office Assistant Certificate</a></li>
					<li><a href="../../catalog/programs/SoftwareSpecialist.pdf" target="_blank">
					Software Specialist</a></li>
			  		
			  		</ul></li>
			  		</ul></li>[/COLOR]
			  <li><a href="bus/facstaff.php">Faculty/Staff</a></li>
			 <!-- <li><a href="">Degree Requirements</a></li>-->
			  <li><a href="https://www.google.com/calendar/embed?mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=dacc.edu_1ohfrssuu7vhm91ilq98h7lc90%40group.calendar.google.com&amp;color=%23856508&amp;ctz=America%2FChicago
" target="_blank">Calendar of Events</a></li>
			  <!--<li><a href="">Alumni Profile</a></li>-->
			  <li><a href="../../catalog/" target="_blank">Course Catalog</a></li>
			  <li><a href="../../schedules/" target="_blank">Schedules</a></li>

		  </ul>
		  </li>
		 
		   <li > <a href="../../deved/" >Developmental Education</a>		  <ul>
		  <li><a href="../../deved/instructors.php">Instructors</a></li>
			 <li><a href="../../deved/online.php">Online Course Information</a></li>
			  <li><a href="../../deved/slinks.php">Links for Students</a></li>
			   <li><a href="../../deved/flinks.php">Links for Faculty</a></li>
			   
 </ul></li>


		  <li > <a href="la/" >Liberal Arts Division</a>		  <ul >
		  <li> <a href="/courses/index.php?division=LAS">Majors/Courses</a></li>
		   <li><a href="la/faculty.php">Faculty/Staff</a></li>
		    <li><a href="la/writersroom.php">Writer's Room</a></li>
		     <li><a href="la/exitexam.php">Exit Exam</a></li>
		      <li><a href="https://www.google.com/calendar/embed?mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=dacc.edu_1ohfrssuu7vhm91ilq98h7lc90%40group.calendar.google.com&amp;color=%23856508&amp;ctz=America%2FChicago
">Calendar of Events</a></li>
		       <li><a href="../../../catalog/">Course Catalog</a></li>
		       <li><a href="../../../schedules/">Schedules</a></li>
		       <li><a href="la/gallery.html">Gallery/Artwork </a> </li>  
		  		  </ul></li>
	   <li><a href="sci/">Sciences Division</a>
	   <ul>
	<li><a href="sci/" class="style6">Math &amp; Sciences Home</a>
	  <ul>   <li><a href="career.php" class="style6">
	  Career Programs</a>
	  <ul>
	    <li><a href="">Associate in Applied Science Programs</a>
	  <ul>
	  <li><a href="/sci/nursing/">ADN/RN Nursing-Associate Degree</a>
	  <ul style="font-size:x-small">  <li><a href="sci/nursing/history.html">History</a></li>
	    <li><a href="sci/nursing/faculty.php">Faculty</a></li>
	    <li><a href="sci/nursing/facilities.php">Facilities</a></li>
	    <li><a href="sci/nursing/curriculum.php">Curriculum</a></li>
	    <li><a href="sci/nursing/admission.php">Admission Criteria</a></li>
	    <li><a href="sci/nursing/technical_requirements.php">Requirements</a></li>
	    <li><a href="sci/nursing/faqs.php">FAQs</a></li>
	    <li><a href="sci/nursing/links.php">Useful Links</a></li>
	    <li><a href="sci/nursing/LevelINursingCarePlans.doc">Care Plan</a></li>
	     <li><a href="sci/nursing/Emergency_Clinical.doc">ER Clinical Form</a></li>
	    <li><a href="sci/nursing/NursingCarePlan_NUR298_Psychiatric.dot">Psych Care Plan</a></li>
	    <li><a href="sci/nursing/Nursing299_Wille.doc">NURS299</a></li>
</ul></li>
	
	  <li><a href="agribusiness.php">Agribusiness</a></li>
	  <li><a href="agribusinessmgt.php">Agribusiness Management Option</a></li>
	  
	  
	  
	  <li><a href="/sci/hit/">Health Information Technology</a>
	  <ul >
	  	<li><a href="/courses/index.php?area=HITT&amp;division=MS" target="_blank">Curricula</a></li>
	    <li><a href="sci/hit/faculty.php">Faculty</a></li>
	    <li><a href="sci/hit/staff.php">Staff</a></li>
	    <li><a href="sci/hit/standards.php">Philosophy &amp; Program Goals</a></li>
	    <li><a href="sci/hit/coursereq.html">Course Requirements</a></li>
	    <li><a href="http://www.ahima.org" target="_blank">Professional Associations</a></li>
	    <li><a href="sci/hit/ethics.php">Code of Ethics</a></li>
	    <li><a href="sci/hit/links.php">Links</a></li>
	    <li><a href="sci/hit/advisory.php">Advisory Committee</a></li>
	    <li><a href="sci/hit/ppe.php">PPE Sites</a></li>
	    <li><a href="sci/hit/codingsert.php">Coding Certificate</a></li>
	  </ul></li>
	  <li><a href="../../catalog/programs/MedicalLaboratoryTechnician.pdf">Medical Laboratory Technician (Kankakee)</a></li>
	  <li><a href="sci/radtech/">Radiologic Technology</a>
	  <ul>
	  <li><a href="sci/radtech/program.php">Program Description</a></li>
	  <li><a href="sci/radtech/faculty.php">Faculty</a></li>
	  <li><a href="sci/radtech/entrance.php">Entrance Requirements</a></li>
	  <li><a href="sci/radtech/coursereq.php">Required Courses</a></li>
	  <li><a href="/courses/index.php?area=RDTC&amp;division=MS">Courses &amp; Descriptions</a></li>
	  <li><a href="sci/radtech/links.php">LInks</a></li>
	  <li><a href="sci/sono/">Sono Homepage</a></li>
	  <li><a href="sci/echo/">Echo Homepage</a></li>
	  <li><a href="http://virtual.parkland.edu/rc/danville.htm">Respitory Care (Parkland)</a></li>
	  </ul>
	  
	  </li></ul></li>
	  <li><a href="../../~ksturgeon/engineering.php">Coordinated Engineering Program</a></li>

	   <li><a href="">Certificate Programs</a>
	  <ul>
	  <li><a href="sci/sono/">Diagnostic Medical Sonography</a></li>
	  <li><a href="sci/hit/codingsert.php">Health Information Technology Medical Coding</a></li>
	  <li><a href="../../aac/cguides/2010-2011/Nurse Assistant CNA Certificate.pdf">Nursing Assistant (Adult Education)</a></li>
	  <li><a href="/sci/nursing/">Practical Nursing</a> </li></ul></li></ul></li>
	 </ul></li></ul>

	   
	  

	  
	  
	   <li><a href="tech/">Technology and Information Systems Division</a>
	   		<ul>
	   			<li><a href="">Horticulture Careers:</a>
	   				 <ul>
	   					<li><a href="">Floral Design Certificate</a></li>
	   					<li><a href="">Golf Course Management Degree</a></li>
	   					<li><a href="">Grounds Attendant Certificate</a></li>
	   					
	   					<li><a href="">Landscape Design/Construction Degree</a></li> 
	   				  		
	   				  </ul></li>

	   			
	   			<li><a href="">Instrustrial Careers:</a>
	   				 <ul>
	   					<li><a href="">Electronic Technology</a></li>
	   					<li><a href="">Heating Ventilation Air Conditioning Certificate</a></li>
	   					<li><a href="">Industrial Maintenance</a></li>
	   					<li><a href="">Machine tool Operations Certificate</a></li> 
	   				  	<li><a href="">Maintenance Mechanic Certificate</a></li>
	   					<li><a href="">Maintenance Mechanic Advanced Certificate</a></li>
	   					<li><a href="">Manufacturing Engineering Technology</a></li>
	   					<li><a href="">Manufacturing Engineering Technology-CAD option</a></li>
	   					<li><a href="">Welding Certificate</a></li>
	   					<li><a href="">Welding Advanced Certificate </a></li>
	   					<li><a href="">Wind Turbine Technician Certificate</a></li>
	   				  </ul></li>

	   			<li><a href="">Information Systems:</a>
	   				 <ul>
	   					<li><a href="">Application Development Degree</a></li>
	   					<li><a href="">Cisco Certificate</a></li>
	   					<li><a href="">Computer Communications and Networks Degree</a></li>
	   					<li><a href="">Computer Communications and Networks Degree Certificate</a></li> 
	   				  	<li><a href="">Computer Programming/PC</a></li>	
	   				  </ul></li>
				<li><a href="">Automotive Careers:</a>
	   			  	<ul>
	   			  		<li><a href="">Automotive Collision Repair Certificate</a></li>
	   			  		<li><a href="">Automotive Technology Certificate</a></li>
	   			  		<li><a href="">Automotive Technology Degree</a></li>
	   			  	</ul>	
	   		</ul>
	   
	   
	   </li>
   	<li><a href="../../cns/">Computer and Network Services</a></li>
		<li>  <a href="../../cce/">Corporate and Community Education (formerly 
		  B&amp;EI)</a></li>
		  <li><a href="pccs/">Partnerships for College and Career Success (formerly 
		  Tech Prep)</a></li>
		  <li> <a href="ier/">Institutional Effectiveness and Research</a></li> 
		
		  <li><a href="../../imc/">Instructional Media Center</a></li>
		  <li><a href="lib/">Library</a></li>
		  <li><a href="../../online/">Online Support</a></li>
		<li>  <a href="../../sbdc/">Small Business Development Center</a></li>
 </ul>

</li>

Hello,

In order to fix any css issue, you have to, first, validate your markup. Only on validated markup, can one properly help you.
Please validate your code, correct your HTML errors, and post back here with no errors, IF, your issues still exist. :wink:

Regards,
mem

Mem,
Thank you for your reply. I did the validate on it before and there is nothing that would cause this problem. A large part of the code for this page is from an umbrella DWT and the supposed html errors are not problematic. I did fix a couple of errors that might have something to do with the problem but it did not fix it. What I find interesting is that the first time you mouse over the menu is hidden, but the second time you mouse over it is not.
Here is the code as adapted from Dynamic Drive, I can add the css file if necessary.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="flexdropdown.js">

/***********************************************
* Flex Level Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<link rel="stylesheet" type="text/css" href="flexhalfmoon.css" >
<!-- #BeginEditable "doctitle" -->
<title>Danville Area Community College | Departments and Offices</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<style type="text/css">
.style1 {
	text-align: center;
}
	}

	}
}
ul.sidemenu {list-style: none;
}
body {
	font-family: arial, helvetica, serif;
}


#nav, #nav ul { /* all lists */
	padding: 1px;
	margin: 0;
	list-style: none;
	line-height: 1.5;
}

#nav a {
	display: block;
	padding:2px 2px;
    border:1px solid #c8e181;
    color:black;
    text-decoration:none;
    background: #e5febc url("halfmoontab.gif") top right no-repeat;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	
	width: 250px;
}

#nav li { /* all list items */
	float: left;
	width: 250px; /* width needed or else Opera goes nuts */
	background-color:#c8e181;
	color:#c8e181 /* width needed or else Opera goes nuts */

}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 250px;
	line-height: 1.5;
	margin: -1em 0 0 15em;
	margin-top:-2em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 15em;
	position: relative;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}
#nav li  a:hover {
   background:#c8e181;
   color:#fff;
}

#nav ul li a:hover {
   background:#c8e181;
   color:#fff;
}
#nav ul li a.active,
#nav ul li a.active:hover {
   color:#fff;
   background:#c8e181;
   font-weight:bold;
}




</style>
 </head>

<body bgcolor="#003300" link="#666666" vlink="#CC9900" onLoad="MM_preloadImages('current2.jpg','departments2.jpg','foundation2.jpg','cce2.jpg','working2.jpg','about2.jpg','courses2.jpg','tuition2.jpg','athletics2.jpg','online2.jpg','future2.jpg','alumni2.jpg')">

<table width="747" height="742" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="213" height="105"><div align="right">
		<img src="../../main1.jpg" alt="main" width="212" height="176" border="0" usemap="#Map"></div></td>
    <td colspan="3"><img src="../../working.jpg" alt="working" width="533" height="176"></td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td height="26" valign="top" bgcolor="#66FF99"> 
      <div align="right">
		  <img src="../../shadow.jpg" alt="shadow" width="212" height="26" align="top"></div></td>
    <td width="25" rowspan="2" valign="top" background="../../line.jpg" bgcolor="#FFFFFF">&nbsp;</td>
    <td width="481" rowspan="2" valign="top" bgcolor="#FFFFFF" class="style1"> 
    
      <p class="style1">
	<font size="+1" face="Arial, Helvetica, sans-serif">
	  Departments and Offices</font></p>
		
	

			<div  class="halfmoon">

<ul style="text-align:center">
<li><a href="../index.html">Departments and Offices</a></li>
<li><a href="#" data-flexmenu="flexmenu1">Office of Instruction</a>
<ul id="flexmenu1" class="flexdropdownmenu">

<li><a href="bus/">Business Division</a>

<ul>
<li><a href="../../courses/index.php?division=BUSM" target="_blank">Majors/Courses</a></li>
<li> <a href="">Business Careers</a>
<ul>
<li><a href="">Business, Marketing, and Management</a>
<ul>
<li><a href="../../catalog/programs/Accounting.pdf" target="_blank">Accounting</a></li>
<li><a href="../../catalog/programs/AccountingCertificate.pdf" target="_blank">Accounting Certificate</a></li>
<li><a href="../../catalog/programs/CosmetologyCertificate.pdf" target="_blank">Cosmetology Certificate</a></li>
<li><a href="../../catalog/programs/ManagementCertificate.pdf" target="_blank">Management Certificate</a></li>
<li><a href="../../catalog/programs/Marketing.pdf" target="_blank">Marketing</a></li>
<li><a href="../../catalog/programs/RealEstateCertificate.pdf" target="_blank">Real Estate Certificate</a></li>
<li><a href="../../catalog/programs/TourismCertificate.pdf" target="_blank">Tourism Certificate</a></li>
</ul>

</li>
<li><a href="#">Office Systems and Technologies</a>
<ul>
<li><a href="../../catalog/programs/Accounting Office Certificate.pdf" target="_blank">Accounting Office Personnel</a></li>
<li><a href="../../catalog/programs/AccountingOfficeCertificate.pdf" target="_blank">Accounting Office Services Certificates</a></li>
<li><a href="../../catalog/programs/AdministrativeProfessional.pdf" target="_blank">Administrative Professional</a></li>
<li><a href="../../catalog/programs/Desktop Publishing Certificate.pdf" target="_blank">Desktop Publishing Certificate</a></li>
<li><a href="../../catalog/programs/MedicalOfficePersonnel.pdf" target="_blank">Medical Office Personnel</a></li>
<li><a href="../../catalog/programs/Medical Office Certificate.pdf" target="_blank">Medical Office Certificate</a></li>
<li><a href="../../catalog/programs/Office Assistant Certificate.pdf" target="_blank">Office Assistant Certificate</a></li>
<li><a href="../../catalog/programs/SoftwareSpecialist.pdf" target="_blank">Software Specialist</a></li>
</ul>
</li>
<!--end business division ul--></ul></li>
<li><a href="bus/facstaff.php">Faculty/Staff</a></li>
<li><a href="https://www.google.com/calendar/embed?mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=dacc.edu_1ohfrssuu7vhm91ilq98h7lc90%40group.calendar.google.com&amp;color=%23856508&amp;ctz=America%2FChicago
" target="_blank">Calendar of Events</a></li>
<li><a href="../../catalog/" target="_blank">Course Catalog</a></li>
<li><a href="../../schedules/" target="_blank">Schedules</a></li>
</ul></li>


<li > <a href="../../deved/" >Developmental Education</a>
<ul>
<li><a href="../../deved/instructors.php">Instructors</a></li>
<li><a href="../../deved/online.php">Online Course Information</a></li>
<li><a href="../../deved/slinks.php">Links for Students</a></li>
<li><a href="../../deved/flinks.php">Links for Faculty</a></li> 
</ul>
</li>


<li > <a href="la/" >Liberal Arts Division</a>		  
<ul >
<li> <a href="/courses/index.php?division=LAS">Majors/Courses</a></li>
<li><a href="la/faculty.php">Faculty/Staff</a></li>
<li><a href="la/writersroom.php">Writer's Room</a></li>
<li><a href="la/exitexam.php">Exit Exam</a></li>
<li><a href="https://www.google.com/calendar/embed?mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=dacc.edu_1ohfrssuu7vhm91ilq98h7lc90%40group.calendar.google.com&amp;color=%23856508&amp;ctz=America%2FChicago
">Calendar of Events</a></li>
<li><a href="../../../catalog/">Course Catalog</a></li>
<li><a href="../../../schedules/">Schedules</a></li>
<li><a href="la/gallery.html">Gallery/Artwork </a> </li>  
</ul>
</li>
	  
<li><a href="sci/">Sciences Division</a>
<ul>
<li><a href="career.php">Career Programs</a>
<ul>
<li><a href="">Associate in Applied Science Programs</a>
<ul>
<li><a href="/sci/nursing/">ADN/RN Nursing-Associate Degree</a>
<ul style="font-size:x-small">
<li><a href="sci/nursing/history.html">History</a></li>
<li><a href="sci/nursing/faculty.php">Faculty</a></li>
<li><a href="sci/nursing/facilities.php">Facilities</a></li>
<li><a href="sci/nursing/curriculum.php">Curriculum</a></li>
<li><a href="sci/nursing/admission.php">Admission Criteria</a></li>
<li><a href="sci/nursing/technical_requirements.php">Requirements</a></li>
<li><a href="sci/nursing/faqs.php">FAQs</a></li>
<li><a href="sci/nursing/links.php">Useful Links</a></li>
<li><a href="sci/nursing/LevelINursingCarePlans.doc">Care Plan</a></li>
<li><a href="sci/nursing/Emergency_Clinical.doc">ER Clinical Form</a></li>
<li><a href="sci/nursing/NursingCarePlan_NUR298_Psychiatric.dot">Psych Care Plan</a></li>
<li><a href="sci/nursing/Nursing299_Wille.doc">NURS299</a></li>
</ul>
</li>
	
<li><a href="../../aac/cguides/2011-2012/Agribusiness%20Degree.pdf">Agribusiness</a></li>
<li><a href="../../aac/cguides/2011-2012/Agribusiness%20Mgmt%20Option%20Degree.pdf">Agribusiness Management Option</a></li>
<li><a href="sci/hit/">Health Information Technology</a>
	  <ul >
	  	<li><a href="/courses/index.php?area=HITT&amp;division=MS" target="_blank">Curricula</a></li>
	    <li><a href="sci/hit/faculty.php">Faculty</a></li>
	    <li><a href="sci/hit/staff.php">Staff</a></li>
	    <li><a href="sci/hit/standards.php">Philosophy &amp; Program Goals</a></li>
	    <li><a href="sci/hit/coursereq.html">Course Requirements</a></li>
	    <li><a href="http://www.ahima.org" target="_blank">Professional Associations</a></li>
	    <li><a href="sci/hit/ethics.php">Code of Ethics</a></li>
	    <li><a href="sci/hit/links.php">Links</a></li>
	    <li><a href="sci/hit/advisory.php">Advisory Committee</a></li>
	    <li><a href="sci/hit/ppe.php">PPE Sites</a></li>
	    <li><a href="sci/hit/codingcert.php">Coding Certificate</a></li>
	  </ul>
</li>
<li><a href="../../catalog/programs/MedicalLaboratoryTechnician.pdf">Medical Laboratory Technician (Kankakee)</a></li>
<li><a href="sci/radtech/">Radiologic Technology</a>
	  <ul>
	  <li><a href="sci/radtech/program.php">Program Description</a></li>
	  <li><a href="sci/radtech/faculty.php">Faculty</a></li>
	  <li><a href="sci/radtech/entrance.php">Entrance Requirements</a></li>
	  <li><a href="sci/radtech/coursereq.php">Required Courses</a></li>
	  <li><a href="/courses/index.php?area=RDTC&amp;division=MS">Courses &amp; Descriptions</a></li>
	  <li><a href="sci/radtech/links.php">LInks</a></li>
	  <li><a href="sci/sono/">Sono Homepage</a></li>
	  <li><a href="sci/echo/">Echo Homepage</a></li>
	  <li><a href="http://virtual.parkland.edu/rc/danville.htm">Respitory Care (Parkland)</a></li>
	  </ul>
	  
</li>
		</ul>
</li>
<li><a href="../../~ksturgeon/engineering.php">Coordinated Engineering Program</a></li>
<li><a href="">Certificate Programs</a>
	  <ul>
	  <li><a href="sci/sono/">Diagnostic Medical Sonography</a></li>
	  <li><a href="sci/hit/codingsert.php">Health Information Technology Medical Coding</a></li>
	  <li><a href="../../aac/cguides/2010-2011/Nurse Assistant CNA Certificate.pdf">Nursing Assistant (Adult Education)</a></li>
	  <li><a href="/sci/nursing/">Practical Nursing</a> </li></ul></li></ul></li>
	 </ul>
</li>

	   
<li><a href="tech/">Technology and Information Systems Division</a>
<ul>
<li><a href="">Horticulture Careers</a>
  <ul >
 <li> <a href="../../../aac/cguides/2010-2011/Commercial%20Floriculture%20Degree.pdf" target="_blank">Commercial
Floriculture</a></li>
<li><a href="../../../aac/cguides/2010-2011/Floral%20Design%20Certificate.pdf" target="_blank">Floral
Design&nbsp;Certificate</a></li>
<li><a href="../../../aac/cguides/2010-2011/Golf%20Course%20Mgmt%20Degree.pdf" target="_blank">
Golf Course Management Degree</a></li>
<li><a href="../../../aac/cguides/2010-2011/Grounds%20Attendant%20Certificate.pdf" target="_blank">Grounds
Attendant Certificate</a></li>
<li><a href="../../../aac/cguides/2010-2011/Landscape%20Design.Constr%20Degree.pdf" target="_blank">
Landscape Design/Construction Degree</a></li>			  		
</ul>
</li>
<li><a href="" >Industrial Careers</a>
	<ul style="font-size:small; margin-top:-200px" >
	  <li><a href="../../../aac/cguides/2010-2011/Electronic%20Technology%20Degree.pdf" target="_blank">Electronic
Technology</a></li> 
 	  <li><a href="../../../aac/cguides/2010-2011/HVAC%20Certificate.pdf" target="_blank"> Heating Ventilation Air 
Conditioning Certificate</a></li>
      <li><a href="../../../aac/cguides/2010-2011/Industrial%20Maintenance%20Degree.pdf" target="_blank">Industrial
Maintenance</a></li>  
      <li><a href="../../../aac/cguides/2010-2011/Machine%20Tool%20Operations%20Certificate.pdf" target="_blank">Machine Tool
Operations Certificate</a></li>  
      <li><a href="../../../aac/cguides/2010-2011/Maint%20Mechanic%20Certificate.pdf" target="_blank">Maintenance
Mechanic Certificate</a></li>  
      <li><a href="../../../aac/cguides/2010-2011/Maint%20Mechanic%20Certificate.pdf" target="_blank">Maintenance
Mechanic Advanced Certificate</a></li>  
      <li><a href="../../../aac/cguides/2010-2011/Mfg%20Engineering%20Tech%20Degree.pdf" target="_blank">Manufacturing
Engineering Technology</a></li>  
 	  <li><a href="../../../aac/cguides/2010-2011/Mfg%20Engineering%20Tech%20CAD%20Option%20Certificate.pdf" target="_blank">Manufacturing
Engineering Technology-CAD option</a></li>  
      <li><a href="../../../aac/cguides/2010-2011/Welding%20Certificate.pdf" target="_blank">Welding
Certificate</a></li>  
      <li><a href="../../../aac/cguides/2010-2011/Welding.AdvWelding%20Certificates.pdf" target="_blank">Welding
Advanced Certificate</a></li> 
      <li><a href="../../../aac/cguides/2010-2011/Wind%20Energy%20Technician%20Degree.pdf" target="_blank">
 Wind Turbine Technician 
Degree</a></li>
	</ul>
</li>
 <li  ><a href="" >Information Systems</a>
		  <ul >
			  <li><a href="../../../aac/cguides/2010-2011/Application%20Development%20Degree.pdf" target="_blank">
 Application Development Degree</a></li>
 
 <li><a href="../../../aac/cguides/2010-2011/Cisco%20Certificate.pdf" target="_blank">Cisco Certificate</a>  
 <li><a href="../../../aac/cguides/2010-2011/Computer%20Comm%20Networks%20Degree.pdf" target="_blank">Computer
Communications and Networks Degree</a></li> 
 
 <li><a href="../../../aac/cguides/2010-2011/Computer%20Comm%20Networks%20Certificate.pdf" target="_blank">Computer
Communications &amp; Networks Certificate</a></li>  
 <li><a href="../../../aac/cguides/2010-2011/Computer%20Programming%20PC%20Certificate.pdf" target="_blank">Computer
Programming/PC</a></li>		
</ul>
</li>
 <li  ><a href="" >Automotive Careers</a>
  <ul >
     <li><a href="../../../aac/cguides/2010-2011/Automotive%20Collision%20Repair%20Certificate.pdf" target="_blank">
Automotive Collision Repair Certificate</a></li>
	 <li><a href="../../../aac/cguides/2010-2011/Automotive%20Technology%20Certificate.pdf" target="_blank">Automotive
Technology Certificate</a></li>
 	 <li><a href="../../../aac/cguides/2010-2011/Automotive%20Technology%20Degree.pdf" target="_blank">
Automotive Technology Degree</a></li>
   </ul>
	  </li>
</ul>
</li>
<li><a href="../../cns/">Computer and Network Services</a></li>
<li>  <a href="../../cce/">Corporate and Community Education (formerly B&amp;EI)</a></li>
<li><a href="pccs/">Partnerships for College and Career Success (formerly Tech Prep)</a></li>
<li> <a href="ier/">Institutional Effectiveness and Research</a></li> 
<li><a href="../../imc/">Instructional Media Center</a></li>
<li><a href="lib/">Library</a></li>
<li><a href="../../online/">Online Support</a></li>
<li>  <a href="../../sbdc/">Small Business Development Center</a></li>
 </ul>

</ul>

</div>


<!--1st drop down menu -->                                                   




I did validate and the only issue that arose that might cause the issue was the arrangement of the div tag, even changing that did not help. the interesting thing is that it only hides when you first mouse over the menu. If you mouse off them mouse over again it is visible fine.