fixed bottom sequence nav buttons and firefox outling bug

common/lib/xmodule/xmodule/css/sequence/display.scss

@@ -298,14 +298,16 @@ nav.sequence-bottom {
 
   ul {
     @extend .clearfix;
-    border: 1px solid $border-color;
-    @include border-radius(3px);
     @include inline-block();
-    width: 100px;
+    width: 103px;
 
     li {
       float: left;
-      width: 50%;
+      width: 50px;
+      height: 44px;
+      border: 1px solid #ccc;
+      @include linear-gradient(top, #eee, #ddd);
+      @include box-shadow(0 1px 0 rgba(255, 255, 255, .7) inset);
 
       &.prev, &.next {
         margin-bottom: 0;
@@ -318,38 +320,39 @@ nav.sequence-bottom {
           padding: lh(.5) 4px;
           text-indent: -9999px;
           @include transition(all, .2s, $ease-in-out-quad);
+          outline: 0;
 
           &:hover {
-            background-color: #ddd;
-            color: #000;
             opacity: .5;
-            text-decoration: none;
+            background-position: center 15px;
           }
 
           &.disabled {
             opacity: .4;
           }
+
+          &:focus {
+            outline: 0;
+          }
         }
       }
 
       &.prev {
+        border-radius: 35px 0 0 35px;
+
         a {
           background-image: url('../images/sequence-nav/previous-icon.png');
-          border-right: 1px solid lighten(#c6c6c6, 10%);
-
-          &:hover {
-            background-color: none;
-          }
+          background-position: center 15px;
         }
       }
 
       &.next {
+        border-radius: 0 35px 35px 0;
+        border-left: none;
+
         a {
           background-image: url('../images/sequence-nav/next-icon.png');
-
-          &:hover {
-            background-color: none;
-          }
+          background-position: center 15px;
         }
       }
     }
@@ -360,5 +363,12 @@ div.course-wrapper section.course-content ol.vert-mod > li ul.sequence-nav-butto
   list-style: none !important;
 }
 
+.xmodule_SequenceModule nav.sequence-bottom ul li.next a,
+.xmodule_SequenceModule nav.sequence-bottom ul li.prev a {
+  outline: 0;
 
+  &:focus {
+    outline: 0;
+  }
+}
 

lms/static/sass/course/layout/_courseware_header.scss

@@ -86,7 +86,7 @@ header.global.slim {
       height: 40px;
       position: absolute;
       right: 3px;
-      top: -8px;
+      top: 0;
       width: 1px;
     }
 
@@ -97,7 +97,7 @@ header.global.slim {
       height: 40px;
       position: absolute;
       right: 0px;
-      top: -12px;
+      top: 0;
       width: 1px;
     }
   }