Jonny Stephens wrote:
> 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
>   



But, if you do so, check the /page/ cross-browser as it may no longer 
look the same (render the same) in the IE's as in compliant browsers. Or 
will it?







-- 
http://chelseacreekstudio.com/

______________________________________________________________________
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/

Reply via email to