Clean up Firefox menu

apps/mozorg/templates/mozorg/firefox/security.html

@@ -11,7 +11,7 @@
 
 
 <div id="main-feature">
-  <h1 class="center">Firefox Helps You <span class="huge">Stay Safe</span></h1>
+  <h1>Firefox Helps You <span class="huge">Stay Safe</span></h1>
   {{ download_button('download', 'small') }}
 
   <script src="/media/js/download.js"></script>

media/css/firefox/menu.less

@@ -1,5 +1,9 @@
 /* Top Level Menu Items */
 
+#nav-main ul {
+    .inline-block;
+    margin: 0;
+}
 
 #nav-main li {
     position: relative;
@@ -67,13 +71,15 @@
     height: auto;
     border: 0;
     float: none;
+    display: block;
 }
 
 #nav-main ul ul {
     position: absolute;
     left: -999em;
+    top: 48px;
     opacity: 0;
-    z-index: 99;
+    z-index: 999;
     width: 190px;
     text-shadow: 1px 1px 0 #fff, 0 0 5px #fff;
     background: #fff;

media/css/sandstone/sandstone.less

@@ -207,8 +207,8 @@ input[type=text]:focus {
         .open-sans;
 
         ul li {
+            .inline-block;
             list-style-type: none;
-            display: inline;
             margin: 0;
 
             a,