Creating an active class selection for Firefox and IE

I’ve been getting myself very confused with Wayfinder - http://modxcms.com/forums/index.php/topic,14028.0.html

Initially I wanted a vertical menu that showed rolloevers and a change when a particular page was ’active’ - this I managed after some help - http://emc2.site4test.co.uk/index.php?q=accessibility.html

It works in Firefox, but not IE

after now spending 2 days trying to get it work, I have checked with my client and they are happy with just a solid background - so i can ditch the rollovers, which I have applied to this section - http://emc2.site4test.co.uk/index.php?q=track-record.html

But again, it only works in Firefox and not in IE.

It’s driving me nuts!

Any ideas, the output HTML looks like this;

<li><a href="/index.php?q=track-record.html" title="our track record">our track record</a></li>
<li class="active"><a href="/index.php?q=quality-control.html" title="quality control">quality control</a></li>
<li class="last"><a href="/index.php?q=terms-conditions.html" title="terms and conditions">terms and conditions</a></li>

Where ’active’ is current page.

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

Is the CSS that changes the page in Firefox, but not IE

Thanks in advance for any pointers.

I’d try to simplify the definition to something like this:

li.active a {color:#fff; background:#993399;}

Quote from: MrDutchy at Apr 20, 2007, 12:19 PM

I’d try to simplify the definition to something like this:

li.active a {color:#fff; background:#993399;}

Tried that, no difference unfortunately.

OK - something very strange - the active call works for a different Wayfinder menu in IE;

http://emc2.site4test.co.uk/index.php?q=site-map.html

Here the CSS rule is on the main style sheet;

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

but not on the menu.

Arrrrghhh!

It seems to work now, i’ve tested with the ie6. If I may ask: What did you do to ’fix’ it ie. make it work on ie?