I'm creating a nav in CSS with lists, etc. I'm getting favorable results when testing on a Mac (IE5, Safari, Op7, Mz1.5), and I'm getting favorable results in all browsers on a PC except IE6 (haven't tested IE5 or IE4 though)...

Here's the simplified HTML code:
Code:
<div id="navbar">
<ul class="category1">
    <li class="cat1title"><a href="#0" class="white">Heading</a></li>
        <ul>
	    <li><a href="#1">page1</a></li>
	    <li><a href="#2">page2</a></li>
        </ul>	
</ul>
</div>
Here's the simplified CSS code:
Code:
#navbar a, a:link, a:visited, a:active, a:hover {
	display: block;
	color: #626466;
	text-decoration: none;
	background: transparent; 
	}	
#navbar a:active {
	color: #000;
	font-weight: bold;
	}
#navbar a:hover {
	color: #000;
	text-decoration: underline;
	background: #CAC9CD; 
	}
#navbar a.white, a:link.white, a:visited.white, a:active.white {
	color: #FFF;
	text-decoration: none;
	background: transparent;
	}
#navbar ul {
	/* main sections */
	margin: 0px 0px 13px 0px;
	padding: 2px 2px 2px 0px;
	list-style-type: none; 
 	}
#navbar ul ul {
	/* sub-sections */
	margin:0px;
	padding: 0px;
	}
#navbar ul ul ul {
	/* sub-sub-sections */
	margin:0px;
	padding: 0px 0px 0px 8px;
	}
#navbar li {
	padding-left: 2px; 
	}
. category1 {
	background: #F4F4F9;
	}
. cat1title {
	background-color: #9C9BBE;
	}
Now, it should create a "category" where all links inside .category1 will have a transparent BG which shows the parent's BG-color for the entire category, the category headline is unique and has a separate background color assigned by .cat1title... This works PERFECTLY in all the browsers, but IE6 on WinXP uses the .cat1title BG-color for ALL links/li tags, not just the one given the class name.

It's obviously an inheritance thing, but I can't figure it out for anything! I've put "background: transparent;" everywhere I can think of, but to no avail -- it's all or none with IE6.

Can anyone easily find where I'm going wrong? I'd appreciate any help.

Thanks!
B