I'm trying to float a transparent iframe on an HTML page and in IE7, I get this black box or repeating content. What is the proper way to accomplish this. I'm trying to include a remote HTML file (which has our site navigation) that sits on our server in an HTML file on someone else's server. (man it would be nice if we could just their content in an iframe...)
Here's my code:
link:
_______________
_brian.
Here's my code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>menu</title>
<style type="text/css">
<!--
#nav {
position:absolute;
z-index:10;
left: 0px;
top: 0px;
overflow:hidden;
background-color:transparent;
}
#content {
margin-top:30px;
}
-->
</style>
</head>
<body style="margin:0px;">
<iframe id="nav" allowtransparency="true" width="100%" height="500" frameborder="0" src="[URL unfurl="true"]http://www.alatelco.org/dhtmlmenu.htm"></iframe>[/URL]
<div id="content">
my content goes here.
</div>
</body>
</html>_______________
_brian.
