title: setting the float value from Javascript
body: <p>I'm having trouble setting something to float right in JS. My code is as follows:</p>
  
  <pre><code>var closebutton = document.createElement('div');
  closebutton.style.styleFloat = "right";
  alert(closebutton.style.styleFloat);
  closebutton.style.background = "#f00";
  closebutton.innerHTML = '&lt;a href=""&gt;&amp;#10006;&lt;/a&gt;';
  titlebar.appendChild(closebutton);
  </code></pre>
  
  <p>The background of the element is indeed red, and when loaded the page alerts "right". Yet the div is not floated right. Firebug shows no trace of the float. There are no errors or warnings in the Error Console.</p>
  
  <p>I'm stumped!</p>
  
  <p><b>Update:</b><br>
  As suggested, I have also tried:</p>
  
  <pre><code>closebutton.style.float = 'right';
  </code></pre>
  
  <p>This also does not work, and is highlighted bright red in my text-editor (gedit)</p>