Fixed header layout w/ Firefox.

Author: evoluteur

demo/index.html

@@ -33,12 +33,12 @@
     <ul class="evo-head-links">
         <li><a href="index.html" class="sel">demos</a></li>
         <li class="evo-link2">
-            <ul class="evo-head-links2">
-                <li><a href="javascript:showApp('todo')" data-id="todo">todo</a></li>
-                <li><a href="javascript:showApp('contact')" data-id="contact">addressbook</a></li>
-                <li><a href="javascript:showApp('winecellar')" data-id="winecellar">wine cellar</a></li>
-                <li><a href="javascript:showApp('comics', 'cards')" data-id="comics">graphic novels</a></li>
-            </ul>
+            <div class="evo-head-links2">
+                <div><a href="javascript:showApp('todo')" data-id="todo">todo</a></div>
+                <div><a href="javascript:showApp('contact')" data-id="contact">addressbook</a></div>
+                <div><a href="javascript:showApp('winecellar')" data-id="winecellar">wine cellar</a></div>
+                <div><a href="javascript:showApp('comics', 'cards')" data-id="comics">graphic novels</a></div>
+            </div>
         </li>
         <li><a href="../doc/index.html">doc</a></li>
         <li class="spaced"><a href="https://github.com/evoluteur/evolutility" target="_new">GitHub</a></li>

less/header.less

@@ -90,10 +90,12 @@
   @media only screen and (max-width: @screen2) {
     flex-direction: row;
   }
+  >div{
+    margin-left:10px;
+  }
   >li{
     display: inline;
     padding:0 10px;
-    text-align: left;
   }
   a{
     text-decoration: none;
@@ -113,6 +115,7 @@
       margin-left:-12px;
   }
   @media only screen and (max-width: @screen2) {
+    margin-left: 30px;
     order: 100;
     width:100%;
     li ul{