Fix the error box.

web/viewer.css

@@ -14,6 +14,13 @@ body {
   font-family: Segoe UI, Verdana, sans-serif;
 }
 
+.hidden {
+  display: none;
+}
+[hidden] {
+  display: none !important;
+}
+
 /* outer/inner center provides horizontal center */
 .outerCenter {
   float: right;
@@ -474,9 +481,6 @@ body {
   padding: 10px 40px 0;
   overflow: auto;
 }
-#thumbnailView.hidden {
-  display:none;
-}
 
 .thumbnail {
   margin-bottom: 15px;
@@ -542,9 +546,6 @@ body {
   -moz-user-select:none;
   -webkit-user-select:none;
 }
-#outlineView.hidden {
-  display:none;
-}
 
 .outlineItem > .outlineItems {
   margin-left: 20px;
@@ -732,9 +733,9 @@ canvas {
   background: none repeat scroll 0 0 #FF5555;
   color: white;
   left: 0;
-  position: fixed;
+  position: absolute;
   right: 0;
-  top: 30px;
+  top: 32px;
   z-index: 1000;
   padding: 3px;
   font-size: 0.8em;

web/viewer.html

@@ -110,16 +110,13 @@
         </div>
 
         <div id="viewerContainer">
-          <div id="viewer" />
+          <div id="viewer"></div>
         </div>
 
         <div id="loadingBox">
             <div id="loading">Loading... 0%</div>
             <div id="loadingBar"><div class="progress"></div></div>
         </div>
-      </div> <!-- mainContainer -->
-
-    </div> <!-- outerContainer -->
 
         <div id="errorWrapper" hidden='true'>
           <div id="errorMessageLeft">
@@ -139,6 +136,8 @@
           <div class="clearBoth"></div>
           <textarea id="errorMoreInfo" hidden='true' readonly="readonly"></textarea>
         </div>
+      </div> <!-- mainContainer -->
 
+    </div> <!-- outerContainer -->
   </body>
 </html>