title: Is there a cross browser way of setting style.float in Javascript?
body: <p>Usually, if you need to set a style attribute in JavaScript, you say something like:</p>
  
  <pre><code>element.style.attribute = "value";
  </code></pre>
  
  <p>There are slight variations but usually the attribute name is a similar, albeit camelcased, version of the HTML attribute name.</p>
  
  <p>The problem for me is that the float attribute doesn't work.  Float is a keyword in JavaScript and so style.float makes all the JavaScript for the page break.  I looked in MSDN, and it said to use styleFloat like so:</p>
  
  <pre><code>element.style.styleFloat = "value";
  </code></pre>
  
  <p>That only works in IE.  Firefox, Safari, Chrome, Opera - none of them seem to have an answer.  Where am I going wrong?  There has to be a simple answer to this.</p>