diff --git a/static/css/style.css b/static/css/style.css
index 59d2862..68ef5f2 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,9 +1,15 @@
 @font-face {font-family: "Krungthep"; src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot"); src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff") format("woff"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.svg#Krungthep") format("svg"); }
 
+html {
+	height: 100%;
+}
+
 body {
     background-color: #00BEBB;
     font-family: "Krungthep";
-    color: #eee;
+	color: #eee;
+	position: relative;
+	min-height: 100%;
 }
 
 p {
@@ -104,3 +110,9 @@ p {
 nav {
 	line-height: normal !important;
 }
+
+.footer-nav {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+}
diff --git a/templates/footer.html b/templates/footer.html
index 6459206..6899db3 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-inverse " style= "margin-top: 30px">
+<nav class="navbar navbar-inverse footer-nav" style= "margin-top: 30px">
         <div class="container-fluid">
           <div class="navbar-header">
           </div>
diff --git a/templates/index.html b/templates/index.html
index b330e57..0349517 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -182,5 +182,6 @@ a {
 
 </div>
 
-
+<!--  A hack for the footer bar -->
+<div style="height: 100px"></div>
 {% include 'footer.html' %}