Sliding menu problem

[colinod]

I have a Dreamweaver Spry sliding menu that i am tring to get to work.

The code for the menu is

      <div class="Accordion" id="sampleAccordion" tabindex="0">
              <div class="AccordionPanel">
        <div class="AccordionPanelTab"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../images/makeup/voicetypes/standard uk_pink_up.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/standard uk_pink_up.jpg" name="Image5" width="145" height="16" border="0"></a></div>
          <div class="AccordionPanelContent1"><a href="boys.asp?id=25 - 35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../images/makeup/voicetypes/25 - 35_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/25 - 35_boy_up.jpg" alt="25 - 35" name="Image6" width="145" height="16" border="0"></a><br>
              <a href="boys.asp?id=35 - 45" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../images/makeup/voicetypes/35 - 45_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/35 - 45_boy_up.jpg" alt="35 - 45" name="Image7" width="145" height="16" border="0"></a><br>
                  <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
          </div>
        </div>
 
        <div>
        <div><a href="boys.asp?id=Teenage - 25" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../images/makeup/voicetypes/teenage - 25_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/teenage - 25_boy_up.jpg" alt="Teenage - 25" name="Image9" width="145" height="16" border="0"></a></div>
        </div>
 
                <div>
        <div><a href="boys.asp?id=Light - Friendly" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../images/makeup/voicetypes/light - friendly_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/light - friendly_boy_up.jpg" alt="Light - Friendly" name="Image10" width="145" height="16" border="0"></a></div>
        </div>
 
                        <div>
        <div><a href="boys.asp?id=Documentary - Narrative - Corporate" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','../images/makeup/voicetypes/documentary - narrative - corporate_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/documentary - narrative - corporate_boy_up.jpg" alt="Documentary - Narrative - Corporate" name="Image11" width="145" height="32" border="0"></a></div>
        </div>
 
                        <div>
        <div><a href="boys.asp?id=DJ - Presenter" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','../images/makeup/voicetypes/dj - presenter_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/dj - presenter_boy_up.jpg" alt="DJ Presenter" name="Image14" width="145" height="16" border="0"></a></div>
        </div>
 
                        <div>
        <div><a href="boys.asp?id=Comedy" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','../images/makeup/voicetypes/comedy_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/comedy_boy_up.jpg" alt="Comedy" name="Image15" width="145" height="16" border="0"></a></div>
        </div>
 
                        <div>
        <div><a href="boys.asp?id=Sexy" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','../images/makeup/voicetypes/sexy_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/sexy_boy_up.jpg" alt="Sexy" name="Image16" width="145" height="16" border="0"></a></div>
        </div>
 
                        <div>
        <div><a href="boys.asp?id=Stand Up" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','../images/makeup/voicetypes/stand up_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/stand up_boy_up.jpg" alt="Stand Up" name="Image17" width="145" height="16" border="0"></a></div>
        </div>
 
 
              <div class="AccordionPanel">
        <div class="AccordionPanelTab"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../images/makeup/voicetypes/standard uk_pink_up.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/standard uk_pink_up.jpg" name="Image5" width="145" height="16" border="0"></a></div>
          <div class="AccordionPanelContent2"><a href="boys.asp?id=25 - 35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../images/makeup/voicetypes/25 - 35_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/25 - 35_boy_up.jpg" alt="25 - 35" name="Image6" width="145" height="16" border="0"></a><br>
              <a href="boys.asp?id=35 - 45" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../images/makeup/voicetypes/35 - 45_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/35 - 45_boy_up.jpg" alt="35 - 45" name="Image7" width="145" height="16" border="0"></a><br>
                  <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
                  <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
                  <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
                  <a href="boys.asp?id=45 plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 +" name="Image8" width="145" height="16" border="0"></a><br />
          </div>
        </div>
 
 
           <div>
             <div><a href="boys.asp?id=USA - Mid Atlantic" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','../images/makeup/voicetypes/USA - Mid Atlantic_boy_dn.jpg',1)"><img src="http://bytes.com/submit/images/makeup/voicetypes/USA - Mid Atlantic_boy_up.jpg" alt="USA - Mid Atlantic" name="Image25" width="145" height="16" border="0"></a></div>
           </div>
           <BR>
 
 
      </div>

the ccs file and scrip files are also attached.

the problem i am having is with the second scrolling section, when i mouse over the button underneath the section stays in place over writing one of the buttons in the section.

it can be seen at http://www.yaketyyakallmouth.com/pages/boys.asp?id=all

i hope someone can assis i have tried everything i know and i know it must be something simple

[colinod]

i have now changed the pages and am using adobes rollover correction for the spry asset

the problem i am now having is putting a link within the menu that does not scroll open when i roll over it.

the code is as follows

      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../images/makeup/voicetypes/standard uk_pink_up.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/standard uk_pink_up.jpg" alt="Standard UK - 25+" name="Image5" width="145" height="16" border="0"></a></div>
          <div class="AccordionPanelContent1"><a href="boys.asp?id=25 - 35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../images/makeup/voicetypes/25 - 35_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/25 - 35_boy_up.jpg" alt="25 - 35" name="Image6" width="145" height="16" border="0"></a><br>
            <a href="boys.asp?id=35 - 45" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../images/makeup/voicetypes/35 - 45_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/35 - 45_boy_up.jpg" alt="35 - 45" name="Image7" width="145" height="16" border="0"></a><br>
            <a href="boys.asp?id=45 Plus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','../images/makeup/voicetypes/45 plus_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/45 plus_boy_up.jpg" alt="45 Plus" name="Image8" width="145" height="16" border="0"></a></div>
        </div>
 
                  <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="boys.asp?id=Teenage - 25" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','../images/makeup/voicetypes/teenage - 25_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/teenage - 25_boy_up.jpg" alt="Teenage - 25" name="Image9" width="145" height="16" border="0"></a></div>
          <div class="AccordionPanelContent2"><a href="boys.asp?id=Teenage - 25" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../images/makeup/voicetypes/teenage - 25_boy_dn.jpg',1)"><img src="http://bytes.com/topic/html-css/images/makeup/voicetypes/teenage - 25_boy_up.jpg" alt="Teenage - 25" name="Image10" width="145" height="16" border="0"></a><BR></div>
        </div>
 
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Label 2</div>
          <div class="AccordionPanelContent2">Content 2<BR>Content 2<BR></div>
        </div>
      </div>

however i have tried to remove 1 of the images and various div tags from the middle panel but it comes up with an error and stops the others scrolling

the error i get is
'style' is null or not an object
spryaccordion.js
line 322
char 3

i have attached the .js file and css file in a zipped folder