Fix header styles for IE6

public/css/main.css

@@ -88,14 +88,17 @@ hr.textonly {
 
 .row.titlebar {
     position: relative;
-    min-height: 32px;
+    min-height: 52px;
+    padding: 0;
 }
 
 .titlebar .logo {
-    position: relative;
+    position: absolute;
+    top: 0;
+    left: 0;
     text-decoration: none;
+    margin: 10px 15px;
     height: 32px;
-    float: left;
     border: none;
     outline: none;
 }
@@ -116,7 +119,7 @@ hr.textonly {
     padding: 0;
     padding-left: 42px;
     color: white;
-    display: inline-block;
+    display: inline;
     text-align: left;
     height: 32px;
     line-height: 32px;
@@ -131,8 +134,8 @@ hr.textonly {
 
 .titlebar .menu {
     position: relative;
-    float: right;
-    margin: 0;
+    margin: 10px 15px;
+    text-align: right;
     vertical-align: middle;
 }
 

public/css/mobile.css

@@ -5,18 +5,24 @@
 		padding: 5px;
 	}
 
+    .row.titlebar {
+        padding: 10px 15px;
+    }
+
 	.titlebar .logo {
+        position: relative;
 		float: none;
+        margin: 0;
         text-align: center;
         min-width: 100%;
 	}
 
 	.titlebar .menu {
+        position: relative;
 		float: none;
         text-align: center;
 		max-width: unset;
-        margin-top: 10px;
-		margin-bottom: 0;
+        margin: 10px 0 0 0;
 	}
 
     .titlebar .menu a {