title: Transparency and Html Objects (IE7-8)
body: <p>Having issues with applying transparency to Html object background in IE7-8.  I've tried adding <code>zoom: 1; filter: alpha(opacity=50); opacity: 0.5;</code> to the <code>&lt;object&gt;</code> as well as the <code>&lt;body&gt;</code> of the child page.  Both methods add transparency to both background/text and white background in IE7-8 is still there.  Is there a way to have an Html object's background 100% transparent in earlier versions of IE without effecting text?  </p>
  
  <p>Parent:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .object {
      position:relative;
      width:870px;
      height:500px;
  }
  &lt;/style&gt;
  
  &lt;div id="wrap"&gt;
  &lt;object class="object" type="text/html" data="path/to/child"&gt;&lt;/object&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Child:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .body {
     margin:0;
     padding:0;
  }
  
  &lt;HTML&gt;
  &lt;body&gt;
  
  &lt;div id="content"&gt;
  
  &lt;!--Content for Html Object--&gt;
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/HTML&gt;
  </code></pre>