So I'm trying to integrate a superfish menu into an existing website. the area that is scrolled over is an image which is 34 high like every other image in the table. When I paste in the code for it...the menu winds up bumping the height of the entire table up to 48, so when I go to view it on the web there is a space between the image that is scrolled over and the menu that pops up underneath it. It's driving me nuts because I can't figure out why this space is being added in there when everything has been specifically set to 34 high in the table as well as all the images in it. I've tested the code for just the superfish menu in another document and it acts the way it should, only problem is when I try integrating it into the existing website. I've pulled the drop down menu code out and just left the image that is to be scrolled over and then the table is at 34 and its fine its just when the drop down menu code is in there does it bump the table up to 48. If anyone could shed some light on this issue who has used superfish before, I would really appreciate it. Thank you!

http://www.fauxtimedesign.com/test/ heres the link..its the photo galleries drop down menu

By the way I have tried saving it out with the heights all at 34 but it still resets them to 48.

<tr>
      <td height="397" colspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#d6cfbf" style="border-style:solid; border-color:#FFFFFF; border-bottom-width:2px; border-right-width:2px; border-left-width:2px; border-top-width:2px;">
        <!--DWLayoutTable-->
        
        <tr>
          <td width="7" height="386">&nbsp;</td>
            <td width="708" valign="top"><table width="708" border="0" cellpadding="0" cellspacing="0">
                <!--DWLayoutTable-->
                
                <tr>
                  <td width="708" height="31" valign="top"><!-- InstanceBeginEditable name="Nav" -->
                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                      <!--DWLayoutTable-->
                      <tr>
                        <td width="59" height="48" valign="top"><img src="../images/1Over.jpg" alt="Home" width="58" height="34" /></td>
<td width="76" valign="top"><a href="/about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About','','../images/2Over.jpg',1)"><img src="../images/2.jpg" alt="About Faux Time Design" name="About" width="76" height="34" border="0" id="About" /></a></td>
        <td width="117" height="48" valign="top">
<ul class="sf-menu">
            <li class="current">
                <a href="#a"><img src="http://www.webmaster-talk.com/images/photo_galleries.jpg" border="0" /></a>
                <ul>
                    <li class="current">
                        <a href="#ab"><a href="http://www.fauxtimedesign.com/FauxFinishes.html">Faux Finishes</a></a>
                    </li>
                    <li>
                        <a href="#"><a href="http://www.fauxtimedesign.com/VenetianPlasters.html">Venetian Plasters</a></a>
                    </li>
                    <li>
                        <a href="#"><a href="http://www.fauxtimedesign.com/murals.html">Murals</a></a></li>
<li>
                        <a href="#"><a href="http://www.fauxtimedesign.com/MoldingsAccents.html">Moldings & Accents</a></a></li>
<li>
                        <a href="#"><a href="http://www.fauxtimedesign.com/ceilings.html">Ceilings</a></a></li>            
                        </ul>
                    </li>
        

            </li>    
        </ul>

</td>  
                        <td width="422" valign="top"><a href="/testimonials.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Testimonials','','../images/8Over.jpg',1)"><img src="../images/8.jpg" alt="Our Testimonials" name="Testimonials" width="91" height="34" border="0" id="Testimonials" /></a></td>
                      </tr>
                    </table>

Hey there.

I looked at your source of the site and I could not be able to download the superfish.js file, means that file is never loaded when you open the site.

When you try to get the file you get a "Page Not Found" error.
Same with the hoverIntent.js and jQuery 1.2.6.

By the way, it is not a good idea to load jQuery more then once. You try to load 1.2.6 and for the carousel you use 1.3.2.

Then, please do not think I am an a**hole, you use tables, lot's of useless code (thanks to DreamWeaver), you work with image maps (not recommended) and the whole design is based on tables.

8 years ago some people would say "wow", today tableless design is what you need to do.

W3C validator tells me: 58 Errors, 1 warning(s).

Well, anyway... i tell you only the truth, nothing more

Look at http://1click.at ... one of my projects

Talk to you later,

Michael

EDITED: I offer my help where I can if I have spare time