Display issues in IE6

[boobydooby]

Hi,

Is anyone able to help me with the issues I'm having in IE6? The website views fine in IE 7 and Firefox.

Website address is:

www{.}greatbritishcookers{.}co{.}uk.

I think it is the drop down nav bar that is causing the problem. The css is as follows:

#nav {
	padding:0 0 0 10px; 
	list-style:none; 
	font: 10px arial, helvetica, sans-serif; 
	position:relative; 
	z-index:200; 
	background:url(../_images/menu.gif) no-repeat; 
	height:25px; 
	width:835px;
	margin: 0 auto;

}
 
#nav ul {
	padding:0; 
	margin:0 0 0 0; 
	list-style:none; 
	float:left; 
	background-color: #000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	text-align: left;
	z-index:400;
}

#nav table {
	border-collapse:collapse;  
	height:25px;
}

#nav li {
	float:left;
}

#nav li li {
	float:none; 
}

/* a hack for  IE6 */
#nav li a li {
	float:left;
}

#nav li a {
	display:block; 
	float:left; 
	color:#ffffff; 
	height:36px;  
	padding:0 5px 0 7px; 
	line-height:24px; 
	text-decoration:none; 
	white-space:nowrap; 
	font-weight:bold;
}

#nav li li a {
	display:block; 
	height:20px; 
	line-height:20px; 
	float:none; 
	padding:0 25px 0 5px; 
	font-weight:normal; 
	letter-spacing:1px;
}

#nav li:hover {
	position:relative; 
	z-index:600;
}

#nav a:hover {
	position:relative; 
	z-index:600; 
	color:#ffffff;
	border:0;
}

#nav li li a {
	color:#ffffff;
}

#nav li li a:hover {
	color:#ffffff; 
	background-color:#B3191E;
    text-align: left;
}

#nav :hover ul {
	left:0; 
	top:25px; 
	z-index:700;
}

#nav ul {
	position:absolute; 
	left:-9999px; top:-9999px;
}

* html #nav ul {
	width:2px;
}

#nav li:hover li:hover > ul {
	left:-5px; 
	margin-left:100%; 
	top:-1px; 
	z-index:500;
}

#nav li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; width:auto; 
}

#nav li:hover > a {
	color:#ffffff;
}

#nav li li:hover > a {
	color:#ffffff; 
	background-color:#B3191E;
}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {
	left:100%; 
	margin-left:-5px; 
	top:-1px;
}

#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}

Many thanks...

[abduraooft]

Is anyone able to help me with the issues I'm having in IE6? The website views fine in IE 7 and Firefox.

A brief description of your issue would help us to start.

[Excavator]

Hello boobydooby,
Not all of us have IE6 readily available to search for a problem but a lot of us might recognize a problem just by your description.
or not.