Trouble with Inline & Block Elements with W3C CSS Buttons

[cfm]

Hello,

I'm working on the site of a friend, and he wants the navbar to have little W3C CSS rollover buttons. The buttons need to be 100 pixels wide, but the anchor element doesn't have a width property, since it's an inline element. Thus, I put the links inside divisions, and set the width property there.

Now, divisions don't have a hover pseudo-class, and so the links have to do the rollover. But since the links don't fill the entire box, only the text lights up, and not the whole box.

Help...

Compuwhiz7

[vgarcia]

Use this CSS with your divs and images:

div a {
  display: block;
}

This should make the <a> tag take up as much of the <div>'s space as possible .

Edit:

And <div>s DO have a :hover pseudo-class; it's just that IE/Windows doesn't implement them

[cfm]

Hello,

Thanks bunches, Vinnie! Your suggestion worked like a charm. Rep given.

Edit:

You must spread some reputation around before giving it to VGarcia again.

Don't let it go to your head, Vinnie.

Compuwhiz7