title: How to align iframe always in the center
body: <p>I have an iframe surrounded by div element and I am simply trying to position it always in the center.
  here is my jsfiddle effort :  <strong><a href="http://jsfiddle.net/EnmD6/">jsfiddle</a></strong></p>
  
  <p>and trully believe that someone could help because I am sure that it is something really simple but I just can not see it.</p>
  
  <p>Here is the HTML itself:</p>
  
  <pre><code>&lt;div id="top-element"&gt;Some div that has greater width than the inner div&lt;/div&gt;
  &lt;div id="iframe-wrapper"&gt;
      &lt;iframe src="http://www.apple.com/" scrolling="auto"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>