title: Typical IE issues when trying to align videos - please advise
body: <p>Can somebody please tell me why these three items, (video+image+video) align themselves perfectly in every browser accept IE?</p>
  
  <p>In IE they stack on top of each other.</p>
  
  <p>Thank you all in advance.</p>
  
  <pre><code>&lt;div style="float: left;"&gt;&lt;iframe width="100" height="50" src="http://www.youtube.com/embed/lhNg7A88no8?rel=0" frameborder="0"&gt;&lt;/iframe&gt;&lt;/div&gt;
  &lt;div style="float: left;"&gt;&lt;img style="display: block; vertical-align: middle; margin-left: auto; margin-right: auto;" title="Example dataset from SmartScan" src="http://smartfibres.com/pictures/Example_Data_Set.jpg" alt="Example dataset from Smartscan" width="200" height="100" /&gt;
  &lt;style="text-align: right;"&gt;&lt;/div&gt;
  &lt;div style="padding-top: 10px, float: left;"&gt;&lt;iframe width="100" height="50" src="http://www.youtube.com/embed/2louwAc63pM?rel=0" frameborder="0"&gt;&lt;/iframe&gt;&lt;/div&gt;
  </code></pre>