Test Page URL: http://www.guygar.com/inception/ultra/indexCopy.html

I am new to this and searching SO I found the following solution for alignment between text and Checkbox:

<div style="border-bottom:1px solid black; padding:4px; background-color:#003b5a;">
     <span style="font-weight:bold;">Back to the Roots</span>
     <form>
     <input type="checkbox" value="header" style="float:right; vertical-align: middle; margin-top: -15px;" />
      <label></label>
      </form>
</div>

While this works in IE9, it does not work in Chrome or Firefox.

Could you please help me with this?

Thank you.