css background not working in IE

[Guest Shana]

Here is my page:http://www.cowleygroup.com/wf/funds.htmlEverything works fine in Firefox, Safari and Netscape, however in IE on PC the backgrounds stay permanently - not just on the rollover. I have it set so that backgrounds will be colored by default, but links have a white background and rollovers change back to the colored background. Any suggestions would be appreciated. (If you view it in Firefox and then in IE, you can see the problem.) Thanks!Here is my CSS code for the green box by default (as it is on other pages - as it is used on "About Us" on this page; and greenMenuActive, which is the code for the Funds section that I am having problems with)

ul.greenMenu {	font-size:12px;	list-style-type: none;    color: #000000;    background-color: #FFFFFF;    margin: 0;    padding: 0;    border-color: #FFFFFF;	border-style: none;    border-width: 0px 0px 0 0px;    width: 90%;    voice-family: "\"}\"";    voice-family: inherit;    width: 90%}    html>body ul.greenMenu {width: 90%}ul.greenMenu li {    margin: 0;    padding: 0}ul.greenMenu ul {list-style-type: none;    margin: 0.1em 0 0 0;    padding: 0;    border-bottom: 1px solid #000000;    voice-family: "\"}\"";    voice-family: inherit}ul.greenMenu a {font-weight: normal;	text-decoration: none;    color: #000000;    background-color: transparent;    margin 0;    width: 100%;    border-top: 0px solid #000000;    display: block;    voice-family: "\"}\"";    voice-family: inherit}html>body ul.greenMenu a {width: auto}ul.greenMenu a:hover {	color: #FFFFFF;    background-color: #6C9D31}		ul.greenMenuActive {	font-size:12px;	line-height:16px;	list-style-type: none;    color: #FFFFFF;    background-color: #6C9D31;    margin: 0;    padding: 0;    border-color: #FFFFFF;	border-style: none;    border-width: 0px 0px 0 0px;    width: 90%;    voice-family: "\"}\"";    voice-family: inherit;    width: 90%;	}    html>body ul.greenMenuActive {width: 90%}ul.greenMenuActive li {    margin: 0;    padding: 0;	}ul.greenMenuActive ul {	list-style-type: none;    margin: 0.1em 0 0 0;    padding: 0;    border-bottom: 1px solid #000000;    voice-family: "\"}\"";    voice-family: inherit}ul.greenMenuActive a {font-weight: normal;	background-color:#FFFFFF;	text-decoration: none;    color: #6C9D31;    background-color: none;    margin 0;    width: 100%;    border-top: 0px solid #000000;    display: block;    voice-family: "\"}\"";    voice-family: inherit}html>body ul.greenMenuActive a {width: auto}ul.greenMenuActive a:hover {	color: #FFFFFF;    background-color: #6C9D31}

HTML on the page for the Funds navigation

<ul class="greenMenuActive">			  <li> Funds</li>			  <li><a href="fundListing.html#unrestricted"> Unrestricted Funds</a></li>			  <li><a href="fundListing.html#interest"> Field of Interest Funds</a></li>			  <li><a href="fundListing.html#advised"> Advised Funds</a></li>			  <li><a href="fundListing.html#designated"> Designated Funds</a></li>			  <li><a href="fundListing.html#scholarship"> Scholarship Funds</a></li>		  </ul> 

[BiteMe]

Looks the same to me friend

[S@m]

Same here