Fix scrolling in FF

public/css/otalk.css

@@ -898,6 +898,7 @@ button.secondary:hover:not(:disabled) {
   content: '';
   position: absolute;
   top: 50%;
+  left: 5px;
   height: 6px;
   width: 6px;
   margin-top: -3px;
@@ -1070,9 +1071,8 @@ button.secondary:hover:not(:disabled) {
   overflow-x: hidden;
   position: absolute;
   top: 0px;
-  bottom: 0px;
+  bottom: 55px;
   padding-top: 35px;
-  padding-bottom: 55px;
   width: 100%;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -1081,7 +1081,6 @@ button.secondary:hover:not(:disabled) {
 }
 .messages li {
   position: relative;
-  z-index: 1;
   list-style: none;
   padding: 10px 0;
   width: 100%;

public/css/pages/chat.styl

@@ -31,6 +31,7 @@
         content: ''
         position: absolute
         top: 50%
+        left: 5px
         height: 6px
         width: 6px
         margin-top: -3px
@@ -192,16 +193,14 @@
   overflow-x: hidden
   position: absolute
   top: 0px
-  bottom: 0px
+  bottom: 55px
   padding-top: 35px
-  padding-bottom: 55px
   width: 100%
   borderbox()
   -webkit-overflow-scrolling: touch
 
   li
     position: relative
-    z-index: 1
     list-style: none
     padding: 10px 0
     width: 100%

public/x-manifest.cache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 0.0.1 1387525625986
+# 0.0.1 1387526569652
 
 CACHE:
 /app.js