I have a website that uses 2 iFrames to display content though the index page. The background in the html documents displayed through the iframes is a PNG image that is black, but 50% transparent. The problem I'm having, naturally, is that it doesn't work properly in any version of IE.
The iframes are in a table that has two columns and two rows, the top row is dedicated to the navigation, and in IE 7 the 50% transparent bg works fine there! But in the two iframes the BG becomes an opaque gray. Even when I take out the BG on the HTML doc completely and put it into the table instead, it shows up the same.
I found a few different forms of code that made it completely transparent in IE, but I couldn't figure out how to make the half transparent PNG as the background again.
I'm not really worried about compatibility with Opera or Silverlight because those browsers aren't really that common. All I want to do right now is to make it compatible in IE and Firefox.
Any help is much appreciated.
My current iframe code:
Body code for each HTML document shown inside the iframe:
<iframe src="start.htm" name=view id=view width=490 height=453 FRAMEBORDER=0 Allowtransparency=true border=0></iframe>
<body background="Images/half_transparent_BG.png" text="#FFFFFF">