hover colors for li with nested a

[PunkSktBrdr01]

I'm making a new site and I'm trying to replicate the look of Windows 95/98/ME. For navigation, I have something similar to the "start" menu, and I'm trying to use similar hover/active colors. I found good colors, but I can't get it to work correctly. Check out the site to see what I mean:

http://www.radioactiverabbit.com/os_online/

I tested it in Firebird, IE6, and Opera, and they are all having problems. Here's my CSS:


#menuMain {
display: block;
visibility: hidden;
position: absolute;
left: 2px;
bottom: 30px;
padding: 5px;
width: auto;
height: auto;
text-align: left;
background-color: #CDCCCC;
border-width: 2px;
border-color: #CDCCCC;
border-style: outset;
z-index: 4;
}
#menuMain ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding: 0;
margin: 0;
}
#menuMain ul li {
display: list-item;
color: #000000;
line-height: 24px;
vertical-align: middle;
background-color: transparent;
background-position: 2px 2px;
background-repeat: no-repeat;
height: auto;
}
#menuMain ul li:hover, #menuMain ul li:active {
color: #FFFFFF;
background-color: #222299;
}
#menuMain a {
display: block;
width: 150px;
height: auto;
padding: 0 0 0 26px;
text-align: left;
text-decoration: none;
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 500;
background-color: transparent;
border-width: 0;
cursor: pointer;
}


Thanks! :)

[PunkSktBrdr01]

Okay, I found a better way to do it, so I'll just get rid of the list. Guess I should work harder before asking for help. :)

[Paul Jr]

Do0d! That is so totally awesome. That's sweet! Major P|-|@|\|155!!!

[PunkSktBrdr01]

What's so totally awesome?

[Paul Jr]

Your site. To me it's totally awesome the way you're re-creating the windows look. It looks really good.

[PunkSktBrdr01]

Thanks! I'm gonna try to make some programs for it (text editor, mp3 player). If you have any ideas or suggestions, or you wanna make a program for it, please tell me. :)