Getting :hover to do what I want...

[gsnedders]

I have this, but when I put my mouse over the gray part of the header, the link doesn't change colour/background, I only get what I want when the mouse is over the link itself.

[Jalenack]

hey...thats because the link doesn't cover that part. You can't hover over it if its not there ;p .

try adding this rule:

h1 a {
width: 100%;
display: block;
color: red;
}

[rmedek]

I could be wrong, but when it's display: block, you specify the height and the width expands naturally... not the other way around.

a {
display: block
height: 100%;
}

Just to be safe I always assign height and width to my links whaen making them block elements...

[gsnedders]

Thanks both of you, Andrew, you were closest

h1 a {
width: 100%;
display:block;
}

[Dmitriy]

Hey i looked at ur site in both of the browsers FF and IE. It seems to be what u want is only working for FF. In IE it looks lets put it this way "ugly" i think u should look in to it more.

[gsnedders]

Sigh... I know about the IE problem (a mixture of IE bugs and IE not supporting my CSS fully)...

My other problem is that I don't a computer running Windows to test it in IE, although I should be getting Virtual PC 7 Upgrade, so I can finally use it on my G5, to give me a reasonably speeded emulation of Windows XP.

[Graft-Creative]

Originally Posted by Dmitriy

Hey i looked at ur site in both of the browsers FF and IE. It seems to be what u want is only working for FF. In IE it looks lets put it this way "ugly" i think u should look in to it more.

Ditto Opera 8 beta