#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {\r
color:#000;\r
text-decoration:none;\r
-/*border-width:1px;*/\r
padding-right:10px;\r
}\r
\r
border:0;\r
}\r
\r
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far */\r
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far \r
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow \r
+ * 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\r
+ * a bottom border, which just looks ugly\r
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */\r
+#menu ul li {\r
+border:solid;\r
+border-color:#ccd5e5;\r
+border-width:0 0 1px 0;\r
+}\r
+\r
#menu ul ul li {\r
border:solid;\r
border-width:0 0 1px 0;\r
}\r
\r
+/** IE6 event bug fix, a z-indexed layer without some kind of background will lose its events to the layer below */ \r
#menu ul ul {\r
position:absolute;\r
z-index:500;\r
top:auto;\r
display:none;\r
+background:#000;\r
}\r
\r
#menu ul ul ul {\r
top:0;\r
left:100%;\r
+background:#000;\r
}\r
\r
/* Begin non-anchor hover selectors */\r
{display:block;}\r
\r
/* End of non-anchor hover selectors */\r
-/*\r
-ul {\r
- list-style: none;\r
- padding: 0;\r
- margin: 0;\r
-}\r
-\r
-li {\r
- float:left;\r
- position:relative;\r
- border:solid;\r
- border-width:0px 0;\r
-}\r
-\r
-li#first {\r
- border-left-width: 1em;\r
-}\r
-\r
-li#last {\r
- border-right-width: 1em;\r
-}\r
-\r
-li ul {\r
- display: none;\r
- position: absolute;\r
- top: 100%;\r
- left: 0;\r
\r
- font-weight: normal;\r
- background: url(images/ddbg3.gif) bottom left no-repeat;\r
- padding: 0.5em 0 1em 0;\r
- border-right: solid 1px #7d6340;\r
-}\r
-\r
-li>ul {\r
- top: auto;\r
- left: auto;\r
-}\r
-\r
-li li {\r
- display: block;\r
- float: none;\r
- background-color: transparent;\r
- border: 0;\r
-}\r
-\r
-li:hover ul, li.over ul {\r
- display: block;\r
-}\r
-\r
-hr {\r
- display: none;\r
-}\r
-\r
-p {\r
- clear: left;\r
- background: url(images/remora.gif) center left no-repeat;\r
- padding: 1em 1em 0 1em;\r
- margin: 0;\r
-}\r
-*/\r