diff --git a/budget/static/main.css b/budget/static/main.css
index aa2be621..d1bf24b5 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -1,6 +1,10 @@
 @import "bootstrap-1.0.0.min.css";
 @import url(http://fonts.googleapis.com/css?family=Lobster|Comfortaa);
 
+html body{
+    height: 100%;
+}
+
 .topbar h3{ margin-left: 75px; }
 .topbar ul{ padding-left: 75px; }
 div.topbar ul.secondary-nav { padding-right: 75px; }
@@ -80,8 +84,9 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
     height: 100px;
 }
 
-.footer{
-    position: absolute;
+#footer{
+    margin-top: 30px;
+    position: relative;
     bottom: 0px;
     width: 100%;
     text-align: center;
diff --git a/budget/templates/layout.html b/budget/templates/layout.html
index afdda854..d79c39f4 100644
--- a/budget/templates/layout.html
+++ b/budget/templates/layout.html
@@ -81,7 +81,7 @@
 </div>
 {% endblock %}
 {% block footer %}
-<div class="footer">
+<div id="footer">
     <p><a href="https://github.com/ametaireau/budget-manager">This is a free software</a>, you can contribute and improve it!</p>
 </div>
 {% endblock %}