I have been experimenting with CSS. Although the gecko engine does much better than IE in most areas I have found one problem, so far.

A:active { color : wheat;
font-style : oblique;}

IE will show this instruction correctly, KMeleon and Mozilla do not. I assume this is a Mozilla bug?

Norman

Add this instruction as well:

A:HOVER {
background : Aqua none;
color : Navy;
font : oblique bold;
}


NTP

First sample - text does change wheat and italic, both browsers display exactly same for me. What differences did they display for you?

Second sample - KM doesn't do font: at all and it seems indeed to be a bug with not understanding shorthand notion but this can be fixed setting font properties separately:

font-style: oblique;
font-weight: bold;

As for testing them both in same document then you should put A:active before A:hover otherwise hover overrides active and you won't see active kicking in at all. Thats why they're called cascading, order matters

So this gives me identical results in both KM and IE6:

A:active {
color: wheat;
font-style: oblique;
}

A:HOVER {
background: Aqua none;
color: Navy;
font-style: oblique;
font-weight: bold;
}

But shorthand seems to be buggy, I've never noticed it because I never use shorthand, I always use full porperties.

Thanks, I usually use full properties but was expermening. I forgot about the order. That, I think, was the problem with the first one.
NTP

In this CSS:
BODY
{font-family:"Lucida Console";}
H1
{background-image:URL(http://198.87.240.30/GOgraph/Images-8712/AnimatedGif/waterbkgrd.gif);
line-height:36pt;
border-style=solid}

Font works, but not the H1 part. It's a major bug.

Ascoët: You have an = sign in the border-style. Borders don't work without style width and colour all set. URLs should really be quoted.