fix nasty firefox render bug

assets/styles/app/layout.sass

@@ -40,7 +40,6 @@
   position: relative
   padding: 20px 30px 80px
 
-
 .wrapper
   overflow: hidden
   #main,
@@ -51,7 +50,7 @@
 
 @media #{$medium-up}
 
-  #main
+  .wrapper-main
     width: grid-calc(22, 24)
     margin: auto
 
@@ -100,9 +99,12 @@
   #left
     width: grid-calc(5, 24)
     float: left
-  #main
+    margin-left: -100%
+
+  .wrapper-main
     width: grid-calc(19, 24)
-    float: right
+    float: left
+    margin-left: grid-calc(5, 24)
 
   #profile
     #left

assets/styles/app/top.sass

@@ -46,7 +46,9 @@
   @media #{$medium-up}
     overflow: visible
     ul
-      line-height: 60px
+      line-height: 55px
+      position: relative
+      top: 3px
     li
       display: inline-block
       border: none