application.css: fixed rendering issue when tabs are scrolling over t…

…he browser width: removed vertical 20px padding and replaced position: absolute with overflow: hidden in main-menu div
cmuller · Feb 17, 2015 · 56a2d4d · 56a2d4d
1 parent 84f4c90
commit 56a2d4d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
@@ -25,12 +25,12 @@ h4 {border-bottom: 1px dotted #bbb;}
 
 #account {float:right;}
 
-#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
+#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 2px 6px; position:relative;}
 #header a {color:#f8f8f8;}
 #header h1 a.ancestor { font-size: 80%; }
 #quick-search {float:right;}
 
-#main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px;}
+#main-menu {overflow: hidden; width: 100%; bottom: 0px;  left:6px; margin-right: -500px;}
 #main-menu ul {margin: 0;  padding: 0;}
 #main-menu li {
   float:left;