diff --git a/examples/quake.html b/examples/quake.html
index d108aae..ece12da 100644
--- a/examples/quake.html
+++ b/examples/quake.html
@@ -46,10 +46,11 @@
 
 <div class='ui raise segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
-&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
+<pre><code class='language-html'>&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
 &lt;ul id='magnitudes'&gt;&lt;/ul&gt;
 
+&lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
+
 &lt;div id='controls'&gt;
   &lt;div&gt;
     &lt;input id='slider' type='range' min='0' max='100' step='0.1' value='0'&gt;
diff --git a/examples/quake/index.html b/examples/quake/index.html
index a563ceb..4bdf250 100644
--- a/examples/quake/index.html
+++ b/examples/quake/index.html
@@ -25,6 +25,7 @@
       padding: 0;
       margin: 0;
       list-style: none;
+      z-index: 10;
     }
 
     h1 {
@@ -33,6 +34,7 @@
       left: 5px;
       padding: 0;
       margin: 0;
+      z-index: 10;
     }
 
     canvas {
@@ -40,7 +42,7 @@
       top: 60px;
       left: 0;
       right: 0;
-      bottom: 0;
+      bottom: 0px;
       cursor: move;
     }
 
@@ -81,16 +83,17 @@
 </div>
 
 
-  <canvas id='quakeCanvas'></canvas>
-<h1>Earthquakes: 2013</h1>
+  <h1>Earthquakes: 2013</h1>
 <ul id='magnitudes'></ul>
 
+<canvas id='quakeCanvas'></canvas>
+
 <div id='controls'>
   <div>
     <input id='slider' type='range' min='0' max='100' step='0.1' value='0'>
   </div>
   <div>
-    <span id='date'></span>&nbsp;
+    <span id='date'>Loading...</span>
   </div>
 </div>