Thanks a lot it works fine in IE and FF
-----Original Message----- From: Rob Wilmshurst [mailto:[EMAIL PROTECTED] Sent: donderdag 21 september 2006 16:07 To: Sander van Surksum Cc: [email protected] Subject: Re: [css-d] display block a hover menu problem If you remove the padding from the <h3> and apply it to the <a>, the entire background will change. That's fine if all of the list elements are going to be links. h3 { ... padding: 0; ... } a { ... padding: 4px 0 0 8px; } If you want to keep some non-link elements there, then you'll need to keep the padding inside the <h3> and use negative margins to line the <a>s up: h3 { ... padding: 4px 0 0 8px; ...} a { ... padding: 4px 0 0 8px; margin: -4px 0 0 -8px; ...} This second example is probably better as it allows you the flexibility to unlink text at a later date. I've tested this in Firefox 1.5 without any problems; I can't test in IE at the moment because I've broken it (stupid multiple IE installs :) but it should work OK. -Rob ______________________________________________________________________ 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/
