Unwanted gap between divs in firefox?

1

hey guys, i’ve tried every workaround i know with margins, paddings and CSS and haven’t had any success with this. i have a couple of divs, one on top of the other, that are supposed to fit tightly together. the top one is a flash nav loaded in with swfObject and the bottom one is a rotating jpg brought in with PHP. looks great in IE, but in firefox there is a 3 pixel gap between them. any advice? here is my code:


<div id="flashcontent">
  <table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td class="newbody">
        <p>This site requires the Flash 7 or above plugin.</p>
      </td>
    </tr>
  </table>
</div>
<script type="text/javascript">
  var so = new SWFObject("mymovie.swf", "mymovie", "717", "102", "7", "#171717");
  so.write("flashcontent");
</script>
 
<div id="top_image">
  <a href="{U_INDEX}"><img src="/images/rotate.php" alt="{L_INDEX}" /></a>
</div>

thanks for any help with this! :cap: