title: JavaScript innerHTML causing css to disappear on <button>
body: <p>I have  a button tag with two spans inside;</p>
  
  <pre><code>&lt;button&gt;&lt;span&gt;&lt;span id="buttonText"&gt;Save&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I'm trying to make it so that when you click the button the text changes so I have;</p>
  
  <pre><code>onclick="document.getElementById('buttonText').innerHTML = 'Saving...'; this.style.className"
  </code></pre>
  
  <p>Now funnily enough it works fine in IE8, but testing in Firefox and Chrome, both lose the css sliding doors styles I have set up on the button and the spans.</p>