title: <noscript> not working for firefox
body: <p>I have this little bit of code for a fade in effect but for some reason firefox is not picking up the  which I need because the fade it doesn't work for firefox. What am I missing to get this to work?   </p>
  
  <pre><code>&lt;noscript&gt;
  &lt;/style&gt;
  &lt;style type="text/css"&gt; 
    body {display:inherit !important;} /*if they haven't got javascript we need to show the body       
  &lt;/style&gt;
  &lt;/noscript&gt;
  
  &lt;script type="text/javascript"&gt;
   $(document).ready(function() { $("body").fadeIn(1500);});
  &lt;/script&gt;
  </code></pre>
  
  <p>the css</p>
  
  <pre><code>body {
       background-color:#000;
       overflow-x:hidden;
       -webkit-text-size-adjust:100%;
       display:none;}
  </code></pre>