Hello.. after a lot of hours trying to fix this problem im kinda desesperate. Any help is very welcome:
http://www.anwaltsbuero-sieh.de/
the over menu looks double in IE 6.. anyone got idea why is this happend.
here the CSS:
/ common styling /
.menu1 {font-family: arial, sans-serif; position:relative; margin:0; font-size:11px; width:850px; margin:0px 0 0px 0; z-index:100;
top: 95px;
zoom: 1;
}
.menu1 ul li a, .menu ul li a:visited { display:block; color: #ff3500; text-align:center; background:#710069; font-size: 13px; overflow:hidden;
height: 13px; width: 100px; position: relative;
zoom: 1;
}
.menu1 ul {padding:0; margin:0;list-style-type: none; }
.menu1 ul li {float:left; margin-right:0px; position:relative;
}
.menu1 ul li ul {display: none;}
/ specific to non IE browsers /
.menu1 ul li:hover a {color:#fff; background:#36f;}
.menu1 ul li:hover ul {display:block; position:absolute; top:31px; left:0px; }
.menu1 ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu1 ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block; background:#ddd; color:#000;
width: 180px;
text-align: center;
}
.menu1 ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:204px; top:0px;}
.menu1 ul li:hover ul li:hover ul.left {left:-105px;}
not too much skills in CSS..
please helpppppp
:)
thanks