title: IE javascript setting style.left not working
body: <p>Hey,<br>
  I'm struggling setting a style attribute to a div that's created via javascript. 
  The flow is:</p>
  
  <ol>
  <li>The script loads</li>
  <li>It creates a <code>&lt;div id="test"&gt;</code></li>
  <li>It sets attribute <code>style="top: 20px; left: 10px; margin: 0px; position: absolute;"</code></li>
  </ol>
  
  <p>Everything works fine with all other browsers but when it comes to IE things just don't work.
  How can I set those style attributes in IE ? So far with this code:</p>
  
  <pre><code>var div = document.getElementById('test');
  div.style.left     = "10px";
  div.style.top      = "20px";
  div.style.margin   = "0px";
  div.style.position = "absolute !important";
  </code></pre>
  
  <p>I was able to set top, margin and position. Style.left is out of the question.</p>
  
  <p>What's the best approach when dealing with style attributes in all browsers ?</p>
  
  <p>@IE not working version: 7,8. (haven't tried it under 6 and 9)</p>