title: Google Translate is removing CSS
body: <p>I've added googles translate app to a site using the following
  code</p>
  
  <pre><code>&lt;div id="google_translate_element"&gt;&lt;/div&gt;&lt;script&gt;
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({
      pageLanguage: 'en',
      autoDisplay: false,
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    }, 'google_translate_element');
  }
  
  &lt;/script&gt;&lt;script src="//translate.google.com/translate_a/element.js?
  cb=googleTranslateElementInit"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The app seems to work for a couple of languages. When translating to other
  languages all the css is removed.</p>
  
  <p>I'm keeping an eye on specific elements (such as a li in the header, or a div), and then running the translation. I can see that neither the header scripts (ie the css), or the elements are being changed by the app. It's just that the styles are no long applied (firebug tells me 'This element has no style rules')</p>
  
  <p>The problem occurs on Firefox but not Chrome or Opera.</p>
  
  <p>Any ideas what's going on here? </p>
  
  <p><img src="https://i.stack.imgur.com/HNQZ5.png" alt="afrikaans tranlsation">
  <img src="https://i.stack.imgur.com/Bzzzj.png" alt="french translation"></p>