I am trying to add transparency to an iframe for IE. I have been searching forums and have tried several fixes, including Javascripts and changing the body tag, but nothing seems to be working. I'm wondering if anyone has any other ideas.

Here is the last code I've tried. I found the Javascript in this forum, but it still isn't working for me.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>MLS Properties for Sale in McCall, Idaho</title>
<meta content="all" name="robots">
<link rel="shortcut icon" type="image/ico" href="favicon.ico"> 
<meta content= "Search Properties for sale in McCall, Donnelly, Cascade and New Meadows, Idaho. Search for Homes, Land and Commercial properties from our local MLS." name="description">
<meta content="real estate listings in McCall Idaho, realtor, properties for sale, homes, land, MLS Search" name="keywords">
<meta name="geo.position" content="44.894583;-116.094975">
<meta name="geo.placename" content="Community Real Estate, McCall, Idaho 83638">
<meta content="Website by Angela Brown Design, angelabrowndesign.com" name="author">
<link href="../global.css" rel="stylesheet" type="text/css">
<STYLE TYPE="text/css"> body{background-color:transparent}</STYLE>
<script type="text/javascript">
onload = function()
{
var theframes = document.getElementsByTagName('iframe');
for(var i = 0; i < theframes.length; i++)
{
theframes[i].setAttribute("allowTransparency","true");
}
breakout_of_frame()
}
</script>

</head>

<body style="background-color:none">
<div id="container">
<div id="banner"> </div>
  <html>
  <body>
  <ul id="nav">
      <div id="firstNav"><li><a href="/index.php" id="homeLink">Home</a></li></div>
      <li><a href="/about/about.php" id="aboutLink">About Ginnell</a></li>
      <li><a href="/listings/index.php" id="listingsLink">Ginnell's Properties</a></li>
      <li><a href="/mls/mls.php" id="mlsLink">MLS Listings</a></li>
      <li><a href="/contact/contact.php" id="contactLink">Contact</a></li>
    </ul>
</body>
</html>
<div id="mainContent">
<h1>Search the Entire MLS for Available Properties</h1>
<iframe width="700" height="500" scrolling="no" frameborder="0" style="background-color:none" allowtransparency="true" src="http://www.mcarvision.com/browser/idxframe.htm?parameters=RespondToEmail:ginnell.hellhake@Century21.com"></iframe>
<p class="clearit"/>
</div>
  <div id="footer">
		<ul id="navFooter">
 		<div id="navFirst"><li><a href="../resources/resources.php">Resources</a></li>
 		</div>
 		<li><a href="../links/links.php">Area Links</a></li>
 		<li><a href="../tips/tips.php">Real Estate Tips</a></li>
 		</ul>
   </div>   
</div>
	<ul id="webLink">
		<li><a href="mailto:angela@angelabrowndesign.com">Contact Web Designer</a></li>
		<li><a href="/site_map/sitemap.php">Site Map</a></li>
		<li><a href="../listings/admin/index.php">Agent Login</a></li>
	</ul>

</body>
</html>
I appreciate any help that can be offered! Thank you!