X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=css%2Fmenuv3.css;h=5e5a93f5b6a2a0e9210a84a1bde39eedfa246539;hb=21717dcdc5c4da65aee616af66271b9f6fc164eb;hp=9d402bf0fb69cf94290943f1a0b7e1a4548ac959;hpb=65fd2f645886548421260f36d00fe20aa1d97878;p=kivitendo-erp.git

diff --git a/css/menuv3.css b/css/menuv3.css
index 9d402bf0f..5e5a93f5b 100644
--- a/css/menuv3.css
+++ b/css/menuv3.css
@@ -3,7 +3,7 @@ behavior:url("css/csshover.htc");
 }
 
 #menu {
-width:100%;
+width:99.8%;
 float:left;
 background:url(../image/bg_css_menu.png) repeat bottom;
 border:1px solid;
@@ -30,7 +30,6 @@ padding:0 5px;
 #menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
 color:#000;
 text-decoration:none;
-/*border-width:1px;*/
 padding-right:10px;
 }
 
@@ -66,22 +65,36 @@ float:none;
 border:0;
 }
 
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far */
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far 
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow 
+ * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
+ * a bottom border, which just looks ugly
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
+#menu ul li {
+border:solid;
+border-color:#ccd5e5;
+border-width:0 0 1px 0;
+}
+
 #menu ul ul li {
 border:solid;
 border-width:0 0 1px 0;
 }
 
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below 
+ * causing the menu to close. Opera 9 has the same bug btw. */
 #menu ul ul {
 position:absolute;
 z-index:500;
 top:auto;
 display:none;
+background:#000;
 }
 
 #menu ul ul ul {
 top:0;
 left:100%;
+background:#000;
 }
 
 /* Begin non-anchor hover selectors */
@@ -115,64 +128,4 @@ div#menu li li li li:hover ul
 {display:block;}
 
 /* End of non-anchor hover selectors */
-/*
-ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-li {
-  float:left;
-  position:relative;
-  border:solid;
-  border-width:0px 0;
-}
-
-li#first {
-  border-left-width: 1em;
-}
-
-li#last {
-  border-right-width: 1em;
-}
-
-li ul {
-  display: none;
-  position: absolute;
-  top: 100%;
-  left: 0;
 
-  font-weight: normal;
-  background: url(images/ddbg3.gif) bottom left no-repeat;
-  padding: 0.5em 0 1em 0;
-  border-right: solid 1px #7d6340;
-}
-
-li>ul {
-  top: auto;
-  left: auto;
-}
-
-li li {
-  display: block;
-  float: none;
-  background-color: transparent;
-  border: 0;
-}
-
-li:hover ul, li.over ul {
-  display: block;
-}
-
-hr {
-  display: none;
-}
-
-p {
-  clear: left;
-  background: url(images/remora.gif) center left no-repeat;
-  padding: 1em 1em 0 1em;
-  margin: 0;
-}
-*/