CSS - Css Positioned Footer Works In Ie But Fails In Ff

#nav {
	background-image: url('../images/nav-full-bg.jpg');
	background-repeat: repeat-x;
	width: 967px;
	height: 69px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display:block;
	padding: 11px 12px 13px 12px;
	font-weight:bold;
	font-size: 13px;
	font-family: "Trebuchet MS", Bitstream Vera Sans, Verdana;
	color: #626262;
	margin: 0;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position:absolute;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom: 2px solid #808080;
	background-image: url(../images/davidpng2.png);
	z-index: 900;
}

#nav ul li {
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */

}

#nav li ul li a{
	padding:5px;
	display: block;
	width: 190px;
	color: #000;
	font-weight:normal;
	font-family:verdana;
	font-size:11px;

}

#nav li ul li a:hover{
	background-color:#a2c9f4;

}

#nav li ul ul { /* third-and-above-level lists */
	margin: -23px 0 0 200px;
;
}

#nav li ul li ul li a{
	display: block;

}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;

	
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}

<div style="position:fixed; bottom:0px; background-color:#0a2a1a; width:899px;">...nav links...</div>

#content { float:left; width: 956px; min-height:800px; background:url(images/bg_content.gif) 0px 0px #e2eceb no-repeat; }
#content #lcolumn { float:left; width:401px; }
#content #lcolumn .logo { float:left; width:100%;  }
#content #lcolumn img.logo { float:left; width:401px; height:104px; border:0px }
#content #lcolumn .head { float:left; width:100%; height:20px; background:#99adcc; }
#content #lcolumn .head .text { float:left; width:100%; text-align:center; font-size: 13px; font-weight:bold; line-height:20px; color:#083684;  }
#content #lcolumn .main { float:left; width:361px; padding:20px; }
#content #lcolumn p { font-size:15px; }


#content #rcolumn { float:left; width:555px; height:505px; }
#content #rcolumn img { float:left; border:0px; }

//====================================================================================================  ==
//  Create our bodyDiv which acts as our Title for the Intersection
//------------------------------------------------------------------------------------------------------					
bodyDiv = document.createElement('div');
bodyDiv.setAttribute('id', ("bodyDiv" + TempInt));
bodyDiv.style.width = 900;
bodyDiv.style.height = 400;
bodyDiv.style.margin = 0;
bodyDiv.style.padding = 0;
bodyDiv.style.position = 'relative';
bodyDiv.style.left = '0px'; 
bodyDiv.style.top = '0px';					
					
//====================================================================================================  ==
//  Append the Div to the HTML Document
//------------------------------------------------------------------------------------------------------
document.body.appendChild(bodyDiv);
					
titleDiv = document.createElement('div');
titleDiv.setAttribute('id', ("bodyDiv" + TempInt));
titleDiv.style.width = 900;
titleDiv.style.height = 5;
titleDiv.style.margin = 0;
titleDiv.style.padding = 0;
titleDiv.style.position = 'relative';
titleDiv.style.left = '0px'; 
titleDiv.style.top = '0px';
titleDiv.innerHTML = '<img src="http://www.suntransformer.com/peter/GoogleAPI3/test/bckgrnd.png"><h5>Intersection: ' + TempInt + '</h5>';
					
bodyDiv.appendChild(titleDiv);
					
//====================================================================================================  ==
//  Create the timelineDiv which holds our TimeLine chart
//------------------------------------------------------------------------------------------------------					
timelineDiv = document.createElement('div');
timelineDiv.setAttribute('id', TempInt);
timelineDiv.style.width = 350;
timelineDiv.style.height = 275;
timelineDiv.style.margin = 0;
timelineDiv.style.padding = 0;
timelineDiv.style.position = 'relative';
timelineDiv.style.left = '0px'; 
timelineDiv.style.top = '0px';
					
//====================================================================================================  ==
//  Append the Div to the bodyDiv
//------------------------------------------------------------------------------------------------------
bodyDiv.appendChild(timelineDiv);
					
//====================================================================================================  ==
//  Create the pieDiv which holds our Pie Chart
//------------------------------------------------------------------------------------------------------
var pieDivID = "Pie" + TempInt;

pieDiv = document.createElement('div');
pieDiv.setAttribute('id', pieDivID);
pieDiv.style.width = 500;
pieDiv.style.height = 300;
pieDiv.style.margin = 0;
pieDiv.style.padding = 0;
pieDiv.style.position = 'relative';
pieDiv.style.left = '0px'; 
pieDiv.style.top = '0px';
					
pieDiv.innerHTML = '<img src="http://www.suntransformer.com/peter/GoogleAPI3/test/bckvert.png">';
					
//====================================================================================================  ==
//  Append the pieDiv to the bodyDiv
//------------------------------------------------------------------------------------------------------
bodyDiv.appendChild(pieDiv);

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head></head>
<body>
<table>
  <tr>
    <td><div style="position:relative;margin:50px 0 0 0">
      <table>
        <tr>
          <td>Some content</td>
          <td rowspan="2"><img style="position:relative;margin:-50px 0 0 0" src="#" width="250" height="375" /></td>
        </tr>
        <tr>
          <td>Some content</td>
        </tr>
      </table>
      <table>
        <tr>
          <td>Some content</td>
          <td><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzY2NTc4MzAyNzAmcHQ9MTI3NjY1ODUyNzM1MiZwPTEwODQwMDEmZD*mZz*yJm89MDQ2ZDg3MzBjNDc4NDExZTkw  /YTVmZDcxNzhiYmQ1MGYmb2Y9MA==.gif" /><object width="394" height="350" id="W4afb54b3f6d091a24b057108737c9fbe" data="http://www.5lovelanguages.com/widget/5LL-assesment-widget.swf" type="application/x-shockwave-flash">
            <param value="http://www.5lovelanguages.com/widget/5LL-assesment-widget.swf" name="movie"/>
            <param value="transparent" name="wmode"/>
            <param value="all" name="allowNetworking"/>
            <param value="always" name="allowScriptAccess"/>
          </object></td>
        </tr>
      </table>
      <table style="position:absolute;left:0;top:-50px">
        <tr>
          <td>Some content</td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen"><!-- @import url(css/base.css); --></style>
<style type="text/css" media="print"><!-- @import url(css/print.css); --></style>	
</head>

<body>
<div id="container">
<div id="head">
<div id="headerTitle"><img src="images/headerTitle.gif" alt="Ken Dalton" height="100" width="325" border="0"/></div>
<div id="headerGraphic"><img src="images/headerGraphic_Home.gif" alt="Header Graphic" height="100" width="400" border="0"/></div>
</div>
<div id="leftColumn">
<img src="images/typewriter_Home.gif" alt="typewriter" height="220" width="120" border="0"/>
<p class="linkSelectedTop1">Welcome</p>
<p class="link1"><a href="bio.php">Biography</a></p>
<p class="link1"><a href="blog.php?category=">Musings</a></p>
<p class="link1"><a href="guestBook.php">Guest Book</a></p>
<p class="link1"><a href="links.php">Links</a></p>
<p class="link1"><a href="mailto:ken@kendalton.com">Contact</a></p>
</div>
<div id="rightColumn">
<div id="rightPages48"><img src="images/rightPages48.gif" alt="graphic" height="600" width="48" border="0"/></div>
<div id="krdPortrait"><img src="images/krdPortrait.gif" alt="Portrait of Ken Dalton" height="200" width="175" border="0"/></div>
<h1>Welcome</h1>
<p class="clear">&nbsp;</p>
</div>
<div id="footer"><p>&nbsp;</p></div>
</div>
</body>
</html>