Thanks Rob for the quick answer 

I've changed the a selector but still the same problem. The problem is
that the a hover takes the padding from the normal h3 selector and I
think that why he isn't changing the whole background on a hover. 

But how can I fix this?

See http://www.johnsten.com/css/menu_block.html

Regards,

Sander

-----Original Message-----
From: Rob Wilmshurst [mailto:[EMAIL PROTECTED] 
Sent: donderdag 21 september 2006 15:39
To: Sander van Surksum
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] display block a hover menu problem


Sander,

The main problem is that you're applying the display:block to the :hover

  section:
#navcontainer h3 a:hover {
...
        display: block;
        text-decoration: none;
...
}
This needs to be moved to the 'a' selector:
#navcontainer h3 a {
...
        display: block;
...
}

That allows you to apply the width to the <a> element, making the whole 
thing clickable.

Are the links meant to be slightly off-center like they are?

- Rob

--
Rob Wilmshurst
[EMAIL PROTECTED]



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to