troubleshooting Question

IFRAME background-image OK in FF, Opera, but not IE7

Avatar of Badotz
BadotzFlag for United States of America asked on
HTMLCSS
18 Comments2 Solutions2693 ViewsLast Modified:
Friends,

Can someone please save what's left of my hair and tell me why the snippet below works in FF 3.0.1, Opera 9.51 but not in IE 7.0.5730.13?

Thanks
<!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>
<title></title>
<style type="text/css">
iframe#viewport
{
background-color: Transparent;
background-image: url(http://localhost/ov-en/image/Peeka-Boo.png); 
background-repeat: no-repeat; 
height: 300px; 
width: 400px;
}
</style>
<script type="text/javascript">
window.onload = function() { document.title = '<iframe> Background Image Test'; }
</script>
</head>
<body>
<div id="heading">
<h1>mousey-mick.com</h1>
<h2>"The most malevolent rodent on earth!"</h2>
</div>
<div id="content">
<iframe id="viewport" frameborder="1"></iframe>
</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 2 Answers and 18 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 18 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros