update fixed position footer so it can't overlay status box

src/supervisor/ui/status.html

@@ -50,16 +50,19 @@
       </table>
     </form>
     
-    <div id="footer" class="clr">
-      <div class="left">
-        &amp;copy; 2006-<span meld:id="copyright_date">#</span> <strong><a href="http://agendaless.com/">Agendaless Consulting and Contributors</a></strong>
-      </div>
-      <div class="right">
-        Design by <a href="http://maintainable.com">Maintainable Software</a>
-      </div>
-    </div>
   </div>
 
+  <div class="push">
+  </div>
+</div>
+
+<div id="footer" class="clr">
+  <div class="left">
+    &amp;copy; 2006-<span meld:id="copyright_date">#</span> <strong><a href="http://agendaless.com/">Agendaless Consulting and Contributors</a></strong>
+  </div>
+  <div class="right">
+    Design by <a href="http://maintainable.com">Maintainable Software</a>
+  </div>
 </div>
 </body>
 </html>

src/supervisor/ui/stylesheets/supervisor.css

@@ -31,9 +31,6 @@ fieldset {
 img, table {
   border-width: 0;
 }
-form {
-  display: inline;
-}
 
 /* =COLORS
 ----------------------------------------------- */
@@ -74,10 +71,21 @@ a:hover {
 
 /* =LAYOUT
 ----------------------------------------------- */
+html, body {
+  height: 100%;
+}
 #wrapper {
-  margin: 0pt auto;
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
   width: 782px;
+  margin: 0 auto -31px;
 }
+#footer, 
+.push {
+  height: 30px;
+}
+
 .hidden {
   display: none;
 }
@@ -194,11 +202,12 @@ tr.shade td {
 .statuserror { 
   background-image: url("../images/state3.gif");
 }
+
 #footer {
-  position: fixed;
-  bottom: 0pt;
-  width: 762px;
-  padding: 5px 10px 5px 10px;
+  width: 760px;
+  margin: 0 auto;
+  padding: 0 10px;
+  line-height: 30px;
   border: 1px solid #C8C8C2;
   border-bottom-width: 0;
   background-color: #FBFBFB;