By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,790 Members | 1,107 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,790 IT Pros & Developers. It's quick & easy.

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

P: 3
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 !
Apr 20 '07 #1
Share this Question
Share on Google+
4 Replies


drhowarddrfine
Expert 5K+
P: 7,435
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?
Apr 20 '07 #2

P: 3
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.
Apr 20 '07 #3

drhowarddrfine
Expert 5K+
P: 7,435
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.
Apr 20 '07 #4

P: 3
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.
Apr 20 '07 #5

Post your reply

Sign in to post your reply or Sign up for a free account.