iFrame positioning issue in FireFox

programming web dev
1

hey - the following code works fine in Safari, but in FireFox the third iFrame which should be positioned at the bottom of the screen does not show up? Any help would be appreciated, Thanks…


<iframe src="topnav.htm" border="0" height="41" width="100%" scrolling="no" frameborder="0" ></iframe>
<iframe src="something.htm" height="90%" width="100%" scrolling="no" frameborder="0" ></iframe>
<iframe id="footer" src="bottombar.htm" border="0" height="60" width="100%" scrolling="no" frameborder="0"  ></iframe>

CSS for the third iframe with the id of ‘footer’:


*html #footer {
	position: absolute;
	bottom: 0px;
}
#footer {
	position: fixed;
	height: 60px;
	width: 100%;
	background-image: url(../images/bottom_bar_gradient.gif);
	background-repeat: repeat-x;
	text-align: right;
	bottom: 0px;
	z-index: 20;
}