[SOLVED] Why Doesn't IE6 Like This Code???

[amin7b5]

Hello. This one has me totally stumped! I have a menu system with 5 categories. Below the first category is a sub-menu that's always displayed. I simply want the category links in orange, the submenu in grey and hover to be in light orange for both the main menu and sub menu. It's important to note too that I have it set up to highlight the link to the current page with light orange and it's styled so that when you click on the first category the sub menu will remain unselected, and likewise when you are in the submenu the parent category will remain unselected. I hope that makes sense.

 

Now the following code works perfect in Firefox, Safari and IE7... but in IE6 the sub-menu is orange instead of grey! I can't figure this one out... is there something I'm missing in regards to how IE6 styles lists?

 

Thanks in advance for any ideas! Here's the code:

 

<div class="moduletable_menu">
<ul class="menu">
<li class="parent"><a href="Category 1">Category 1</a>
	<ul>
		<li><a href="Sub_Menu1">Sub_Menu1</a></li>
		<li><a href="Sub_Menu2">Sub_Menu2</a></li>
		<li><a href="Sub_Menu3">Sub_Menu3</a></li>
	</ul>
</li>
<li><a href="Category 2">Category 2</a></li>
<li><a href="Category 3">Category 3</a></li>
<li><a href="Category 4">Category 4</a></li>
<li id="current"><a href="Category 5">Category 5</a></li>
</ul>
</div>

 

And the relevant CSS

.menu li {
list-style-image: url(../images/arrow_right.gif);
background-repeat:no-repeat;
padding:0 0 15px 0px;
letter-spacing:3px;
}
.menu li ul li {
list-style-image: url(../images/arrow_submenu.gif);
margin:0 0 -18px -30px;
letter-spacing:1px;
}
.menu li a:link, .menu li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:large;
color:#f58544;
text-decoration:none;
}
.menu li a:hover, #current {
font-family:Arial, Helvetica, sans-serif;
color:#f4b490;
text-decoration:none;
}

/* Sub Menu */
.menu li ul li a:link, .menu li ul li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#999999;
text-decoration:none;
}
.menu li ul li a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#f4b490;
text-decoration:none;
}

/* Highlighting Effects */
ul.menu .parent a:link, ul.menu .parent a:visited, {
color:#f58544;
}
ul.menu .parent a:hover {
color:#f4b490;
}
ul.menu #current a {
color:#f4b490;
}
ul.menu li#current ul li a:link, ul.menu li#current ul li a:visited {
color:#999999;
}
ul.menu li#current ul li a:hover {
color:#f4b490;
}

[amin7b5]

DOH! Sorry, removing:

 

ul.menu li.parent a:link, ul.menu li.parent a:visited, {

color:#f58544;

}

 

was the solution!