title: Hosting Facebook iframes on pages on Cloudfront
body: <p>I've switched my Facebook page to pull an iframe as a result of Facebook's recent <a href="http://developers.facebook.com/blog/post/462/" rel="nofollow">announcement</a> that they were supporting iframes in pages.  Since you need to host the iframe page outside of Facebook, I figured it would be nice to do using Cloudfront to host the files (an HTML page, a CSS stylesheet and a jpg image).  Unfortunately, despite setting the permissions on the Cloudfront files to 744, the iframe page <a href="http://cloud.donaldjenkins.net/facebook/facebook-iframe_1.3.html" rel="nofollow">loads correctly</a> in a browser, but when called from Facebook, I get <a href="http://cl.ly/4aBY" rel="nofollow">this error message</a>.</p>
  
  <p>When I host the same files on my Media Temple server, the iframe on the actual Facebook page also <a href="http://www.facebook.com/donaldjenkins.net?sk=app_186821848024009" rel="nofollow">loads correctly</a>.</p>
  
  <p>Is there a reason why Facebook and Cloudfront don't play together?  I haven't been able to find one so far.</p>