AnyLink Drop Down Menu: Position Problem in IE6

[vianne]

1) Script Title: AnyLink Drop Down Menu

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...pmenuindex.htm

3) Describe problem:

Hi Everyone,

I have a Problem with the sript only in IE6. It works in all other browsers but not in this version.
I think it is the problem with css in my site because I tested a few things without my css-styles and it works.
So I don't know realy what's wrong.
The Position of the Drop Down Menu should to be right below the main menue but the position is somewhere left in the head of my site.

Here is the link where you can see it in IE6:
http://www.magnopol.de/

My CSS-Stile is as follows:

* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #002d6a; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px/20px Arial, Verdana, Tahoma, sans-serif; COLOR: #444; PADDING-TOP: 0px
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
A {
	COLOR: #a51223; TEXT-DECORATION: none
}
A:hover {
	COLOR: #a51223; TEXT-DECORATION: underline
}

#dropmenudiv{
position:absolute;
border:1px solid #d0d0d0;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #d0d0d0;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #a51223;
color: white;
}

#content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; MARGIN: 20px auto; WIDTH: 760px; PADDING-TOP: 10px
}
#header {
	BACKGROUND: url(images/header2.gif) #fff no-repeat; HEIGHT: 120px
}
#header H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 22px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 15px; LETTER-SPACING: -1px
}
#header H1 A {
	COLOR: #fff; TEXT-DECORATION: none
}
#header H1 A:hover {
	COLOR: #ccc
}
#header H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; COLOR: #ccc; PADDING-TOP: 0px
}
#navigation {
	BACKGROUND: url(images/menu2.gif) #111 repeat-x; MARGIN: 10px auto; LINE-HEIGHT: 30px; HEIGHT: 30px
}
#navigation LI {
	BORDER-RIGHT: #e2e3e8 1px solid; FLOAT: left; LIST-STYLE-TYPE: none
}
#navigation LI A {
	PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; LETTER-SPACING: 1px; TEXT-DECORATION: none
}
#navigation LI A:hover {
	BACKGROUND:  #a51223 repeat-x; COLOR: #fff; TEXT-DECORATION: none
}



.right {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 470px; MARGIN-RIGHT: 20px; PADDING-TOP: 10px
}
.right H2 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; FONT: bold 14px Verdana, 'Trebuchet MS', Sans-serif; COLOR: #444; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px dotted
}
.right UL {
	PADDING-RIGHT: 20px; PADDING-LEFT: 60px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.right OL {
	COLOR: #a51223;  PADDING-RIGHT: 20px; PADDING-LEFT: 60px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}

#footer {
	MARGIN-TOP: 20px; BACKGROUND: #002d6a; COLOR: #eee; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: center
}
#footer A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

So ... I need help to make it work in the right way.
Thank you in advanced.
Greetings

Vianne

[ddadmin]

Please try and format any code in your post using the CODE tags. It just makes it easier to read.

At a glance your CSS looks fine. If you revert the CSS back to the original one used on the script page, does the problem persist?