diff --git a/test/index-images.html b/test/index-images.html
index 4388b3204..c0480cb70 100644
--- a/test/index-images.html
+++ b/test/index-images.html
@@ -1,12 +1,12 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<HTML xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en-US">
-<HEAD>
-<TITLE>MathJax Test Page</TITLE>
-<!-- Copyright (c) 2009 Design Science, Inc. -->
-<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8" />
-<META HTTP-EQUIV="X-UA-Compatible" CONTENT="IE=EmulateIE7" >
+<!DOCTYPE html>
+<html>
+<head>
+<title>MathJax Test Page</title>
+<!-- Copyright (c) 2009-2011 Design Science, Inc. -->
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 
-<SCRIPT SRC="../MathJax.js">
+<script type="text/x-mathjax-config">
 //
 //  Do NOT use this page as a template for your own pages.  It includes 
 //  code that is needed for testing your site's installation of MathJax,
@@ -36,68 +36,103 @@
   };
   
   if (!HUB.Browser.versionAtLeast(MINVERSION[HUB.Browser]||0.0)) {
-    HUB.config.jax = [];          // don't load any Jax
-    HUB.config.extensions = [];   // don't load any extensions
-    alert("The browser you are using does not support MathJax, so we can't test if if is working.  Please try a different browser.");
+    HUB.Config({
+      jax: [],                   // don't load any Jax
+      extensions: [],            // don't load any extensions
+      "v1.0-compatible": false   // skip warning message due to no jax
+    });
+    setTimeout('document.getElementById("badBrowser").style.display = ""',0);
   }
 
   if (HUB.Browser.isMSIE && !HUB.Browser.versionAtLeast("7.0")) {
-    alert("Internet Explorer 6 does not display images with alpha-channel transparency very\n" +
-          "well, so this test will not look good.  But in practice, IE6 will use web-based\n" +
-          "fonts rather than image fonts (unless the page forces images, as this one does)\n" +
-          "so the poor quality rendering on this test page does not indicate a problem\n" +
-          "with MathJax.");
+    setTimeout('document.getElementById("MSIE6").style.display = ""');
   }
   
 })(MathJax.Hub);
 
-</SCRIPT>
-</HEAD>
-<BODY>
+</script>
+<script type="text/javascript" src="../MathJax.js"></script>
 
-<NOSCRIPT>
-<DIV STYLE="color:#CC0000; text-align:center">
-<B>Warning: <A HREF="http://www.mathjax.org/">MathJax</A>
-requires JavaScript to process the mathematics on this page.<BR>
-If your browser supports JavaScript, be sure it is enabled.<B>
-</DIV>
-<HR>
-</NOSCRIPT>
+<style>
+.warning {
+  color: #800020;
+  background-color: #FFF8F8;
+  border: 2px solid red;
+  margin: 1em 5em;
+  padding: 1em;
+}
+</style>
+</head>
+<body>
 
-<BLOCKQUOTE>
+<noscript>
+<div style="color:#CC0000; text-align:center">
+<b>Warning: <a href="http://www.mathjax.org/">MathJax</a>
+requires JavaScript to process the mathematics on this page.<br />
+If your browser supports JavaScript, be sure it is enabled.</b>
+</div>
+<hr>
+</noscript>
 
-<H1>MathJax Test Page</H1>
+<blockquote>
 
+<h1>MathJax Test Page</h1>
+
+<p>
 If you see typeset mathematics below, then MathJax is working.  If you see
 TeX code instead, MathJax is not working for you.
-<p>
+</p>
 <!------------------------------------------------------------------------>
-<HR>
-
+<hr>
 
+<p>
 \[
 \frac{-b\pm\sqrt{b^2-4ac}}{2a}
 \]
-<p>
+</p>
 
-<DIV STYLE="color:green">
-<DIV STYLE="text-align:center; color:red; font-size:120%" CLASS="MathJax_Preview">
+<div style="color:green">
+<div style="text-align:center; color:red; font-size:120%" class="MathJax_Preview">
 MathJax is not working!
-</DIV><SCRIPT TYPE="math/tex; mode=display">
+</div><script type="math/tex; mode=display">
 \bf MathJax\ Image\ Fonts\ Appear\ to\ be\ Working!
-</SCRIPT>
-</DIV>
+</script>
+</div>
+
+<hr>
+
+<!------------------------------------------------------------------------>
+
+<div id="badBrowser" style="display:none">
+<div class="warning">
+<b>WARNING</b>: The browser you are using does not appear to support
+MathJax, so we can't test if MathJax is working.  Please try a different
+browser, or a newer version of your browser in order to test MathJax.
+</div>
+<hr>
+</div>
+
+<!------------------------------------------------------------------------>
+
+<div id="MSIE6" style="display:none">
+<div class="warning">
+<b>WARNING</b>: Internet Explorer 6 does not display images with
+alpha-channel transparency very well, so this test will not look good.
+But in practice, IE6 will use web-based fonts rather than image fonts
+(unless the page forces images, as this one does) so the poor quality
+rendering on this test page does not indicate a problem with MathJax.
+</div>
+<hr>
+</div>
 
 <!------------------------------------------------------------------------>
-<HR>
-<p>
 
 If the mathematics does not show up properly, you may not have not
 installed the MathJax web fonts correctly.  Follow the steps in the 
-<A HREF="../docs/html/installation.html">installation instructions</A>.
+<a href="../docs/html/installation.html">installation instructions</a>.
 <p>
 
-</BLOCKQUOTE>
+</blockquote>
 
-</BODY>
-</HTML>
+</body>
+</html>
diff --git a/test/index.html b/test/index.html
index 68d7540f8..df61ee285 100644
--- a/test/index.html
+++ b/test/index.html
@@ -1,12 +1,12 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<HTML xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en-US">
-<HEAD>
-<TITLE>MathJax Test Page</TITLE>
-<!-- Copyright (c) 2009-2010 Design Science, Inc. -->
-<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8" />
-<META HTTP-EQUIV="X-UA-Compatible" CONTENT="IE=EmulateIE7" >
+<!DOCTYPE html>
+<html>
+<head>
+<title>MathJax Test Page</title>
+<!-- Copyright (c) 2009-2011 Design Science, Inc. -->
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 
-<SCRIPT SRC="../MathJax.js">
+<script type="text/x-mathjax-config">
 //
 //  Do NOT use this page as a template for your own pages.  It includes 
 //  code that is needed for testing your site's installation of MathJax,
@@ -47,97 +47,133 @@
   };
   
   if (!HUB.Browser.versionAtLeast(MINVERSION[HUB.Browser]||0.0)) {
-    HUB.config.jax = [];          // don't load any Jax
-    HUB.config.extensions = [];   // don't load any extensions
-    alert("The browser you are using does not support MathJax, " +
-          "so we can't test if MathJax is working.\n\n"+
-          "Please try a different browser, or a newer version of your browser.");
+    HUB.Config({
+      jax: [],                   // don't load any Jax
+      extensions: [],            // don't load any extensions
+      "v1.0-compatible": false   // skip warning message due to no jax
+    });
+    setTimeout('document.getElementById("badBrowser").style.display = ""',0);
   }
   
 })(MathJax.Hub);
 
 MathJax.Hub.Register.StartupHook("End",function () {
   var HTMLCSS = MathJax.OutputJax["HTML-CSS"];
-  if (HTMLCSS.imgFonts) {
-    alert("The browser you are using does not seem to support web-based " +
-          "fonts, so we can't test the MathJax web fonts with this browser " +
-          "(image fonts have been used instead)\n\n" +
-          "Please try a different browser, or a newer version of your browser.");
-  }
+  if (HTMLCSS && HTMLCSS.imgFonts) {document.getElementById("imageFonts").style.display = ""}
 });
-</SCRIPT>
-</HEAD>
-<BODY>
 
-<NOSCRIPT>
-<DIV STYLE="color:#CC0000; text-align:center">
-<B>Warning: <A HREF="http://www.mathjax.org/">MathJax</A>
-requires JavaScript to process the mathematics on this page.<BR>
-If your browser supports JavaScript, be sure it is enabled.<B>
-</DIV>
-<HR>
-</NOSCRIPT>
+</script>
+<script type="text/javascript" src="../MathJax.js"></script>
 
-<BLOCKQUOTE>
+<style>
+.warning {
+  color: #800020;
+  background-color: #FFF8F8;
+  border: 2px solid red;
+  margin: 1em 5em;
+  padding: 1em;
+}
+</style>
+</head>
+<body>
 
-<H1>MathJax Test Page</H1>
+<noscript>
+<div style="color:#CC0000; text-align:center">
+<b>Warning: <a href="http://www.mathjax.org/">MathJax</a>
+requires JavaScript to process the mathematics on this page.<br />
+If your browser supports JavaScript, be sure it is enabled.</b>
+</div>
+<hr>
+</noscript>
 
+<blockquote>
+
+<h1>MathJax Test Page</h1>
+
+<p>
 If you see typeset mathematics below, then MathJax is working.  If you see
 TeX code instead, MathJax is not working for you.
-<p>
+</p>
 <!------------------------------------------------------------------------>
-<HR>
+<hr>
 
 
+<p>
 \[
 \frac{-b\pm\sqrt{b^2-4ac}}{2a}
 \]
-<p>
+</p>
 
-<DIV STYLE="color:green">
-<DIV STYLE="text-align:center; color:red; font-size:120%" CLASS="MathJax_Preview">
+<div style="color:green">
+<div style="text-align:center; color:red; font-size:120%" class="MathJax_Preview">
 MathJax is not working!
-</DIV><SCRIPT TYPE="math/tex; mode=display">
+</div><script type="math/tex; mode=display">
 \bf MathJax\ Appears\ to\ be\ Working!
-</SCRIPT>
-</DIV>
+</script>
+</div>
+
+<hr>
 
 <!------------------------------------------------------------------------>
-<HR>
-<p>
 
-<DIV ID="noWebFont" STYLE="display:none; color:red">
-<B>WARNING</B>: The web fonts don't seem to be available.  Be sure you have
-the <code>MathJax/fonts</code> in place before continuing.
+<div id="badBrowser" style="display:none">
+<div class="warning">
+<b>WARNING</b>: The browser you are using does not appear to support
+MathJax, so we can't test if MathJax is working.  Please try a different
+browser, or a newer version of your browser in order to test MathJax.
+</div>
+<hr>
+</div>
+
+<!------------------------------------------------------------------------>
+
+<div id="imageFonts" style="display:none">
+<div class="warning">
+<b>WARNING</b>: The browser you are using does not seem to support web-based
+fonts, so we can't test the MathJax web fonts with this browser (image fonts
+have been used instead). Please try a different browser, or a newer version
+of your browser in order to test MathJax's web-based fonts.
+</div>
+<hr>
+</div>
+
+<!------------------------------------------------------------------------>
+
+<div id="noWebFont" style="display:none">
+<div class="warning">
+<b>WARNING</b>: MathJax's web fonts don't seem to be available.  Be sure you have
+the <code>MathJax/fonts</code> directory in place before continuing.
 If you fail to install these fonts, MathJax will not 
 work properly with some browsers.  If you can't install the image fonts, 
-be sure to set the noImageFonts parameter in your MathJax configuration 
+be sure to set the <code>noImageFonts</code> parameter in your MathJax configuration 
 (either <code>MathJax/config/MathJax.js</code>, or the 
 <code>MathJax.Hub.Config()</code> call in your web page).
-<p>
-<HR>
-</DIV>
-<p>
+</div>
+<hr>
+</div>
 
 <!------------------------------------------------------------------------>
 
-<DIV ID="webfonts" STYLE="display:none; color:red">
-<B>WARNING</B>: You are trying to load MathJax from a remote site where the
+<div id="ffWebFont" style="display:none">
+<div class="warning">
+<b>WARNING</b>: You are trying to load MathJax from a remote site where the
 web-based fonts are not set up to be shipped to Firefox properly.  See the
-<A HREF="../docs/html/installation.html#notes-about-shared-installations">discussion
-of Firefox's same-origin policy</A> in the MathJax documentation.
-<p>
-<HR>
-</DIV>
-<p>
+<a href="../docs/html/installation.html#notes-about-shared-installations">discussion
+of Firefox's same-origin policy</a> in the MathJax documentation for more 
+details.
+</div>
+<hr>
+</div>
 
 <!------------------------------------------------------------------------>
 
-Once you have MathJax working properly, view the <A
-HREF="index-images.html">image mode test page</A> to make sure that the
+<p>
+Once you have MathJax working properly, view the <a
+href="index-images.html">image mode test page</a> to make sure that the
 image fallback mode is working as well.
+</p>
 
-</BLOCKQUOTE>
+</blockquote>
 
-</BODY>
-</HTML>
+</body>
+</html>
