Merge pull request #2486 from mozilla/issue_1566_ie8_red_line

Fix IE8 showing the red line on the signin page.

resources/static/pages/css/style.css

@@ -3,7 +3,8 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 
-noscript {
+#noscript-warning {
+  position: absolute;
   position: fixed;
   display: block;
   background-color: #ef1010;

resources/views/partial/noscript-warning.ejs

+<noscript>
+  <!-- IE8 has a rendering bug with noscript tags, content must be placed
+       inside of another element to be styled -->
+  <p id="noscript-warning">
+    <%- gettext('We\'re sorry, Persona requires that Javascript is enabled.') %>
+  </p>
+</noscript>
+
+

resources/views/signin.ejs

@@ -113,7 +113,5 @@
     </div>
 </div>
 
-<noscript>
-  <%- gettext('We\'re sorry, Persona requires that Javascript is enabled.') %>
-</noscript>
+<%- partial('partial/noscript-warning') %>