diff --git a/templates/zephyr/portico.html b/templates/zephyr/portico.html
index e6f29255a5..55c41765f2 100644
--- a/templates/zephyr/portico.html
+++ b/templates/zephyr/portico.html
@@ -44,18 +44,20 @@ hence the name.
   </div>
   {% endblock %}
 
-  <div class="navbar">
-    <div class="content">
-      <ul class="nav pull-right">
-        <li><span class="navbar-text">Humbug © 2013</span></li>
-        <li><span class="navbar-text little-bullet">·</span></li>
-        <li><a href="/terms">Legal</a></li>
-        <li><span class="navbar-text">·</span></li>
-        <li><a href="/accounts/login/?next=/">Log in</a></li>
-        <li><span class="navbar-text">·</span></li>
-        <li><a href="{% url 'signup' %}">Sign up</a></li>
-      </ul>
-    </div>
+  <div class="push"></div>
+</div>
+
+<div class="navbar footer">
+  <div class="content">
+    <ul class="nav pull-right">
+      <li><span class="navbar-text">Humbug © 2013</span></li>
+      <li><span class="navbar-text little-bullet">·</span></li>
+      <li><a href="/terms">Legal</a></li>
+      <li><span class="navbar-text">·</span></li>
+      <li><a href="/accounts/login/?next=/">Log in</a></li>
+      <li><span class="navbar-text">·</span></li>
+      <li><a href="{% url 'signup' %}">Sign up</a></li>
+    </ul>
   </div>
 </div>
 {% endblock %}
diff --git a/zephyr/static/styles/portico.css b/zephyr/static/styles/portico.css
index ae0667b7f6..5b181960fb 100644
--- a/zephyr/static/styles/portico.css
+++ b/zephyr/static/styles/portico.css
@@ -1,5 +1,12 @@
 .container-fluid {
     padding: 0px;
+    min-height: 100%;
+
+    /* Hack for IE */
+    height: auto !important;
+    height: 100%;
+
+    margin: 0 auto -41px;
 }
 
 /* This is a hack so that our main content
@@ -21,9 +28,18 @@
     -moz-border-radius: 0px;
 }
 
+.footer, .push {
+    height: 41px;
+}
+
+html {
+    height: 100%;
+}
+
 body {
     font-family: 'Humbug', Helvetica, Arial, sans-serif;
     line-height: 150%;
+    height: 100%;
 }
 
 li {