Fix menu tabs rendering

Signed-off-by: Maxime Petazzoni <maxime.petazzoni@bulix.org>

www/media/css/style.css

@@ -58,7 +58,6 @@ img.feedicon {
   background-image: url('/smedia/header.png');
   background-position: top right;
   background-repeat: no-repeat;
-  border-bottom: 1px black solid;
 }
 
 #header h1 {
@@ -88,36 +87,59 @@ form#langsel {
   margin-right: 1em;
 }
 
+/* Navigation menu */
 ul#nav {
-  margin: 0;
-  padding: 2px 0;
-  padding-left: 2em;
-
   list-style: none;
-  height: 2em;
+  margin: 0;
+  margin-top: 3px;
+  padding: 0;
+  padding-left: 2em;
+  line-height: 24px;
+  position: relative;
+}
+
+ul#nav:after {
+  position: absolute;
+  content: "";
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  border-bottom: 1px black solid;
+  z-index: 1;
+}
+
+ul#nav:before {
+  z-index: 1;
 }
 
 ul#nav li {
-  display: block;
-  float: left;
+  margin: 0;
+  background: #cee5f6;
+  display: inline-block;
+  position: relative;
+  z-index: 0;
 }
 
 ul#nav a {
   display: block;
-  padding: 0.5em 1em;
+  padding: 2px 10px;
 }
 
 ul#nav a:hover {
   background: white;
-  border-bottom: 1px black solid;
+}
+
+ul#nav li.activelink {
+  z-index: 2;
+  border: 1px black solid;
+  border-bottom-color: white;
 }
 
 ul#nav li.activelink a {
   background: white;
-  border: 1px black solid;
-  border-bottom: none;
 }
 
+/* Platform status bar */
 #status {
   background-image: url('/smedia/info.png');
   background-repeat: no-repeat;