On 3 Jun 2008, at 21:55, David Laakso wrote: > Patrick James wrote: >> http://www.patrickjames.me.uk/test.html >> >> In Internet Explorer 6 when the mouse cursor hovers over the anchor >> elements they turn red, as they should, but Link 002, Link 003 and >> Link 004 'bunch up' against the box above in the list. >> >> They are kept apart by a 5 pixel margin applied to the anchor >> element. >> It looks like on hover the element being hovered over 'absorbs' the >> margin above. >> >> I can't work out a remedy and so I'd be grateful for any suggestions. >> >> Patrick > > Couple of things: > > You have targeted the a > #nav001 a { > } > #nav001 a:hover { > } > Instead, target li a > #nav001 li a { > } > #nav001 li a:hover { > } > And remove the margin-bottom: > #nav001 li a { > /*margin: 0 0 5px 0; delete*/ > margin:0 /*add*/; > }
And if a margin is required, apply it to #nav001 li rather than #nav001 li a. Jonny ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/