I am using an iframe. On Firefox and Safari there is a gap created at the bottom of page. On IE it's fine. Any suggestions would be much appreciated.

Here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href="text/css">


<style type="text/css">
<!--
body {
background-color: #6C471F;
margin-bottom: 0px;
}
-->
</style></head>
<body>

<table class="main_table" align="center">
<tr>
<!--¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤FLASH¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤v-->
<td><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="755" height="377">
<param name="movie" value="flash/header_v7.swf">
<param name="quality" value="high">
<embed src="flash/header_v7.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="755" height="377"></embed>
</object></td>
<!--¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤FLASH¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤v-->
</tr>
<tr><td style="line-height:24px">
<!-- body -->
<script type="text/javascript">
<!--

moz=document.getElementById&&!document.all
mozHeightOffset=20

function resize_iframe(){
document.getElementById("iframe_id").height=200 // required for Moz bug, value can be "", null, or integer
document.getElementById('iframe_id').height=window.frames["body"].document.body.scrollHeight+(moz?mozHeightOffset:0)
}
// -->
</script>


<iframe src="main.html" id="iframe_id" name="body" width="755" onload=resize_iframe() scrolling="no" frameborder="0"></iframe></td></tr>


</table>

</body>
</html>