I have a dropdown menu that I am using that will not work in IE6 and 7 (works in 8, and all other browsers). This is my first dropdown menu so i am not sure where I am going wrong. The actual site is http://www.plasticsurgeryofutah.com if you want to see what it looks like. Basically the links in all the dropdown lists with 2 or more layers of links do not appear until you actually scroll over them, and then they remain on the page. Any one have any Ideas?

Here is the code (the accreditation to the creators of this code were omitted in this forum only to save time for readers, and are in place on the actual site):

Code:
<h1>HTML</h1> (nav bar only)

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a class="hoverhome" href="../index.php"></a></li>
<li><a class="hoverabout" href="../about_us/about-us.php"></a>
  <ul>
  <li><a href="../about_us/about-dr-sonntag.php">Dr. Sonntag</a></li>
  <li><a href="../about_us/about-us.php">About Us / Our Staff</a></li>
  
  </ul>
</li>
<li><a class="hoverprocedures" href="../procedures/plastic-surgery-procedures.php"></a>
  <ul>
  <li><a href="../procedures/plastic-surgery-procedures.php">Breasts</a>
  		<ul>
    		<li><a href="../procedures/utah-breast-augmentation.php">Augmentation</a></li>
    		<li><a href="../procedures/breast-reduction.php">Reduction</a></li>
    		<li><a href="../procedures/breast-lift.php">Lift</a></li>
    		
		</ul>
  </li>
  <li><a href="../procedures/plastic-surgery-procedures.php">Face</a>
  		<ul>
    		<li><a href="../procedures/face-lift.php">Face Lift</a></li>
    		<li><a href="../procedures/rhinoplasty.php">Rhinoplasty</a></li>
    		<li><a href="../procedures/eyelid-lift.php">Eyelid Lift</a></li>
    		<li><a href="../procedures/forehead-lift.php">Forehead / Brow Lift</a></li>
    		
		</ul>
  </li>
  <li><a href="../procedures/plastic-surgery-procedures.php">Body</a>
  	<ul>
    		<li><a href="../procedures/tummy-tuck.php">Tummy Tuck</a></li>
    		<li><a href="../procedures/utah-liposuction.php">Liposuction</a></li>
    		<li><a href="../procedures/leg-lift.php">Thigh Lift</a></li>
    		<li><a href="../procedures/arm-lift.php">Arm Lift</a></li>
    		
		</ul>
  </li>
    <li><a href="../procedures/plastic-surgery-procedures.php">Other</a>
        <ul>
                <li><a href="../procedures/otoplasty.php">Otoplasty (Ear Surgery)</a></li>
                
                
            </ul>
      </li>

  </ul>
</li>

<li><a class="hoverbefore" href="../before_after/plastic-surgery-procedures.php"></a>
  <ul>
  <li><a href="../before_after/plastic-surgery-procedures.php">Breasts</a>
  		<ul>
    		<li><a href="../before_after/breast-augmentation.php">Augmentation</a></li>
    		<li><a href="../before_after/breast-reduction.php">Reduction</a></li>
    		<li><a href="../before_after/breast-lift.php">Lift</a></li>
    		
		</ul>
  </li>
  <li><a href="../before_after/plastic-surgery-procedures.php">Face</a>
  		<ul>
    		<li><a href="../before_after/face-lift.php">Face Lift</a></li>
    		<li><a href="../before_after/rhinoplasty.php">Rhinoplasty</a></li>
            <li><a href="../before_after/forehead-lift.php">Forehead / Brow Lift</a></li>
    		<li><a href="../before_after/eyelid-lift.php">Eyelid Lid Lift</a></li>
    		
    		
		</ul>
  </li>
  <li><a href="../before_after/plastic-surgery-procedures.php">Body</a>
  	<ul>
    		<li><a href="../before_after/tummy-tuck.php">Tummy Tuck</a></li>
    		<li><a href="../before_after/liposuction.php">Liposuction</a></li>
    		
    		<li><a href="../before_after/arm-lift.php">Arm Lift</a></li>
    		
		</ul>
  </li>
  <li><a href="../before_after/plastic-surgery-procedures.php">Other</a>
  	<ul>
    		<li><a href="../before_after/otoplasty.php">Otoplasty (Ear Surgery)</a></li>
            <li><a href="../before_after/phenol-peel.php">Phenol Peel</a></li>
    		
    		
		</ul>
  </li>
  
  

  </ul>
</li>
<li><a class="hovercontact" href="../contactform/contact.php"></a>
	<ul>
  <li><a href="../contactform/contact.php">Contact Us</a></li>
  <li><a href="../contactform/driving-directions.php">Driving Directions</a></li>
  
  </ul>
</li>
</ul>
<br style="clear: left" />
</div>

<h1>CSS</h1>


.ddsmoothmenu{
font: bold 12px Verdana;
/*background: #414141; background of menu bar (default state)*/
width: 100%;
background-image:url(../images/fullnav3.gif);

}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
float:left;

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
width: 192px;
height: 78px;
margin:0;
padding:0;

}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background-image:none; /*background of menu items (default state)*/
color: white;
padding:0;
margin:0;
height:78px;
width: 192px;
color: #2d2b2b;
text-decoration: none;

}




* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #1f1910; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background-color:#1f1910; /*background of menu items during onmouseover (hover state)*/
color: white;

}
.ddsmoothmenu ul li a.hoverhome:hover{
background-image:url(../images/homehover.gif); /*background of menu items during onmouseover (hover state)*/
color: white;
}
.ddsmoothmenu ul li a.hoverhome.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image:url(../images/homehover.gif); 
color: white;
}
.ddsmoothmenu ul li a.hoverabout:hover{
background-image:url(../images/abouthover.gif); /*background of menu items during onmouseover (hover state)*/
color: white;
}
.ddsmoothmenu ul li a.hoverabout.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image:url(../images/abouthover.gif); 
color: white;
}
.ddsmoothmenu ul li a.hoverprocedures:hover{
background-image:url(../images/procedureshover.gif); /*background of menu items during onmouseover (hover state)*/
color: white;
}
.ddsmoothmenu ul li a.hoverprocedures.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image:url(../images/procedureshover.gif); 
color: white;
}
.ddsmoothmenu ul li a.hoverbefore:hover{
background-image:url(../images/beforehover.gif); /*background of menu items during onmouseover (hover state)*/
color: white;
}
.ddsmoothmenu ul li a.hoverbefore.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image:url(../images/beforehover.gif); 
color: white;
}
.ddsmoothmenu ul li a.hovercontact:hover{
background-image:url(../images/contacthover.gif); /*background of menu items during onmouseover (hover state)*/
color: white;
}
.ddsmoothmenu ul li a.hovercontact.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image:url(../images/contacthover.gif); 
color: white;
}
.ddsmoothmenu ul li a.selected{ /*FOR IE*/
background-image:url(../images/blankhover.gif); 
color: white;
}

	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
height:30px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 15px arial;
width: 192px; /*width of sub menus*/
padding: 0;
height: 30px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #4e3e27;
background-image: none;
background-color:#261f13;
}
.ddsmoothmenu ul li ul li a:hover{
font: normal 15px arial;

padding-top: 1px;
}
/*Crap I just added the padding*/

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: none;
}

/.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

The javascript would not fit on the page, if this would help in diagnosing this problem, let me know, i will post it