UL list formating CSS problem with IE - works fine with Firefox

[DavidJColbran]

Hello - new to the board and wondering if anyone can help with this. I have a site developed with the CMS ModX.

It has a CSS UL list menu on the left hand side that needs to have roll-overs and a way to show location.

The solid background colour, is to indicate which page the visitor is on, works fine with Firefox - but doesn't work with IE 6 and for the life of me I can't figure out where in the CSS I've gone wrong.

At the moment I'm testing on the Utility section;

http://emc2.site4test.co.uk/index.php?q=accessibility.html

for the menu on the left

The CSS

Overall - http://emc2.site4test.co.uk/css/emc_our.css

Then for the menu

http://emc2.site4test.co.uk/css/flyout_footer.css
http://emc2.site4test.co.uk/css/flyout_footerie.css

I've used the CMS to add a class tag (active) to the relevant list item to indicate it is the live page

and therefore to format this class this I have added

.menu ul li.active a {color:#fff; background:#CC3333;}
.menu ul li.here a{color:#fff; background:#CC3333;}

to both flyout css sheets.

And still it only works in Firefox.

Any help would be appreciated, I've spent a day on this already, and it's stumped two forums so far.

Help !

[drhowarddrfine]

Validate and fix your 10 html errors.

Also, case matters to CSS and Xhtml. Change your 'A' for anchors in your CSS to lower case.

In your CSS comments, it appears you are aware that hover only works on anchors in IE6, correct?

[DavidJColbran]

Validate and fix your 10 html errors.

Also, case matters to CSS and Xhtml. Change your 'A' for anchors in your CSS to lower case.

In your CSS comments, it appears you are aware that hover only works on anchors in IE6, correct?

Errors fixed and validated.

Also changed the case for the anchors.

>it appears you are aware that hover only works on anchors in IE6, correct?

I need them to work on IE6 and above - copied the CSS from elsewhere to be honest.

[drhowarddrfine]

Ok but you didn't validate the css. Fix these:
font color: #999999;
should be:
color:#999999;

and
#navcontainer a:link, a:visited, {

remove the last comma.

Haven't looked to see if that does anything but will be back later. Let me know.

[DavidJColbran]

Ok but you didn't validate the css. Fix these:
font color: #999999;
should be:
color:#999999;

and
#navcontainer a:link, a:visited, {

remove the last comma.

Haven't looked to see if that does anything but will be back later. Let me know.

Thanks for your help - still a bit rusty when it comes to CSS.

All the CSS validate now, but still no joy.