Added fix for the bottom sequnce navigation

static/css/application.css

@@ -3751,11 +3751,15 @@ nav.sequence-nav ul li.next a {
 nav.sequence-nav ul li.next a:hover {
   background-color: none; }
 
+section.course-content {
+  position: relative; }
 section.course-content div#seq_content {
   margin-bottom: 60px; }
 section.course-content nav.sequence-bottom {
-  bottom: -22.652px;
-  position: relative; }
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  margin-left: -50px; }
 section.course-content nav.sequence-bottom ul {
   background-color: #f2e7bf;
   background-color: #f2e7bf;
@@ -3768,10 +3772,7 @@ section.course-content nav.sequence-bottom ul {
   border-radius: 3px 3px 0 0;
   -webkit-box-shadow: inset 0 0 0 1px #faf7e9;
   -moz-box-shadow: inset 0 0 0 1px #faf7e9;
-  box-shadow: inset 0 0 0 1px #faf7e9;
-  margin: 0 auto;
-  overflow: hidden;
-  width: 106px; }
+  box-shadow: inset 0 0 0 1px #faf7e9; }
 section.course-content nav.sequence-bottom ul li {
   float: left; }
 section.course-content nav.sequence-bottom ul li.prev, section.course-content nav.sequence-bottom ul li.next {

templates/sass/courseware/_sequence-nav.scss

@@ -235,14 +235,17 @@ nav.sequence-nav {
 
 
 section.course-content {
+  position: relative;
 
   div#seq_content {
     margin-bottom: 60px;
   }
 
   nav.sequence-bottom {
-    bottom: (-(lh()));
-    position: relative;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    margin-left: -50px;
 
     ul {
       @extend .clearfix;
@@ -252,9 +255,6 @@ section.course-content {
       border-bottom: 0;
       @include border-radius(3px 3px 0 0);
       @include box-shadow(inset 0 0 0 1px lighten(#f6efd4, 5%));
-      margin: 0 auto;
-      overflow: hidden;
-      width: 106px;
 
       li {
         float: left;