View Single Post
06-14-2008, 05:15 PM
#1
Seanneo is offline Seanneo
Status: Junior Member
Join date: May 2007
Location:
Expertise:
Software:
 
Posts: 26
iTrader: 1 / 100%
 

Seanneo is on a distinguished road

  Old  Javascript Menu IE6 probs

hey all,
i made this drop down using CSS and javascript, works great in FF Safari and IE7+ but IE6 has a small problem, when the menu appears and stays there until your mouse comes off it. In IE6 if there is text behind the menu it seems to thing the mouse has come off the menu. I thought it might be a z-index thing but that didn't make a difference.

check it for yourself:
http://www.internal-regulation.com

css:
Code:
body {
	background-color: black;
	color: black;
	font-family: arial;
	font-size: 12;
	margin: 0;
}

table p {
	margin: 0;
	padding: 0;
}


blockquote {
	margin: 0;
	padding: 0;
}

table,td,tr {
	vertical-align: middle;
	border: 0;
}



#bannerbar {
	background-color: black;
	margin: 50px 0 0 0;
	width: 100%;
	min-width: 900px;
}

#banner {
	background-image: url(images/header2.jpg);
	height: 182px;
	width: 671px;
	margin-left: 200px;
}

#navbar {
	background-image: url(images/navstrip.jpg);
	height: 64px;
	width: 100%;
}

#content {
	background-color: #fff8ce;
	min-height: 400px;
	padding: 20px 0 20px 195px;
}

#bottombar {
	background-color: black;
	color: white;
	margin: 20px 20px 20px 0;
	text-align: right;
}

.b1 {
	background-image: url(images/b1.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.b2 {
	background-image: url(images/b2.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.b3 {
	background-image: url(images/b3.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.b4 {
	background-image: url(images/b4.jpg);
	width: 110px;
	height: 44px;
	display: block;
	padding: 20px 0 0 0;
}

.navright {
	background-image: url(images/navright.jpg);
	width: 226px;
	height: 64px;
	display: block;
}

.navleft {
	background-image: url(images/navleft.jpg);
	width: 234px;
	height: 64px;
	display: block;
	min-width: 0px;
}

#buttons {
	margin: 0 0 0 50px;
	padding: 0;
	min-width: 950px;
}

#buttons li {
	display: block;
	height: 64px;
	list-style: none outside;
	float: left;
	text-align: center;
}

#buttons a:link {
	color: black;
	text-decoration: none;
}

#buttons a:visited {
	color: black;
	text-decoration: none;
}

#buttons a:hover {
	color: #b0a47a;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

#ddhome {
	position: absolute;
	top: 312px;
	left: 324px;
	z-index: 4;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddaboutyou {
	position: absolute;
	top: 312px;
	left: 434px;
	z-index: 5;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddaboutus {
	position: absolute;
	top: 312px;
	left: 544px;
	z-index: 6;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddaction {
	position: absolute;
	top: 312px;
	left: 654px;
	z-index: 7;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#ddhome ul, #ddaboutyou ul, #ddaboutus ul, #ddaction ul {
	margin: 0px 0 0 -40px;
}

#ddhome li, #ddaboutyou li, #ddaboutus li, #ddaction li {
	padding: 3px 10px 3px 10px;
	margin: 0 0 0 0;
	list-style: none outside;
	border: 1px solid gray;
	border-top: 0;
	background-color: #d5be6e;
}

#ddhome li:hover, #ddaboutyou li:hover, #ddaboutus li:hover, #ddaction li:hover {
	background-color: #e0e0e0;
}

#ddhome a:link, #ddaboutyou a:link, #ddaboutus a:link, #ddaction a:link {
	color: black;
	font-weight: none;
	font-style: none;
	text-decoration: none;
}

#ddhome a:hover, #ddaboutyou a:hover, #ddaboutus a:hover, #ddaction a:hover {
	color: black;
	font-weight: none;
	font-style: none;
	text-decoration: none;
}

#ddhome a:visited, #ddaboutyou a:visited, #ddaboutus a:visited, #ddaction a:visited {
	color: black;
	font-weight: none;
	font-style: none;
	text-decoration: none;
}

#contop {
	background-image: url(images/contopquote.jpg);
	width: 700px;
	height: 100px;
	margin: 0 0 -20px 0;
	padding: 0 0 0 0;
}

.title {
	font-family: arial;
	font-size: 27px;
	position: absolute;
	margin: 25px 0 0 100px;
	z-index: 2;
}
.quote {
	font-family: arial;
	font-size: 16px;
	position: absolute;
	margin: 40px 0 0 100px;
	z-index: 1;
}

#conmid {
	background-image: url(images/cmid.jpg);
	background-repeat: repeat-y;
	width: 700px;
	min-height: 300px;
	margin: 20px 0 20px 0;
	padding: 10px 30px 20px 30px;
	z-index: 0;
}

#conbot {
	background-image: url(images/cbot.jpg);
	width: 700px;
	height: 16px;
	margin: -20px 0 0 0;
}
any ideas/help would be much appreciated.
Thx
Seanneo