title: Embedding Facebook in an IFrame
body: <p>I have an app that has an IFrame with a page flash overly allowing you to draw on webpages. When I go to Facebook with the application, an overlay pops up covering everything at 50% opacity (Which is fine). The problem is that the overlay is all black in some installations of IE7. Can anyone advise on how to get around this?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;iframe name="test" ID="test" src="http://www.facebook.com/cyberkruz" height="200" style="width: 100%; height: 100%" allowtransparency="true"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Here is the code that they generate that does this.</p>
  
  <pre><code>&lt;div style="z-index: 1000001; position: absolute; filter: alpha(opacity = 50); WIDTH: 9999px; background: black; height: 9999px; top: 0px; left: 0px; opacity: 0.5;" onclick="top.location.href=window.location.href"/&gt;
  </code></pre>
  
  <p>Is there something I can do with meta tags or something to get the filter alpha to work correctly?</p>