>From: Gunlaug Sørtun
>Cc: Scott Glasgow
>Sent: Friday, February 13, 2009 1:51 AM
>Subject: Re: [css-d] :hover pseudo-class unusual behavior in Webkit
>Philippe Wittenbergh wrote:
>> On Feb 13, 2009, at 4:59 AM, Scott Glasgow wrote:
>>> Look at the pics here: http://www.fcphd.org/community.html
>> WebKit based browsers still seem to have a problem changing the
>> display property on :hover.
>A working variant, tailored to your layout, is to replace .zoom and
>.zoom:hover styles with the following...
>margin: 0 0 4px 5px;
>border: 2px solid #ff0000;
>margin: 0 0 -166px -217px;
>...which will do away with the horizontal scrollbar caused by relative
>positioning that appears on :hover.
>The above also eliminates the varying length of #right_col that pushes
>#footer down on :hover. If you want that push effect - to keep all
>reduced size images visible also during :hover, you can modify the
>margin: 0 0 4px -217px;
>...and then pull up the bottom margin on #right_col...
>...to keep it from pushing the #footer.
>...can bring IE6 in on the game - if you like.
Philippe, David, Georg, thank you very much for your help with this issue. I
was not previously aware of the Webkit issue with property changes on hover..
This discussion will definitely be added to EverNote. I will pass this
information along to Jim, and when I get a little time this weekend, do a
little experimenting myself just to learn more about the consequences and
affix the information in memory.
BTW, David, I'm afraid I don't have any control over the sexiness of the
site. It appears to be a community site for wherever Jim works(hospital
district?) and the content is entirely up to him. :-)
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/