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... .zoom { position:relative; float: left; margin: 0 0 4px 5px; } .zoom:hover { width: 336px; height: 252px; border: 2px solid #ff0000; z-index:10; 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 .zoom:hover margin... .zoom:hover { margin: 0 0 4px -217px; } ...and then pull up the bottom margin on #right_col... #right_col { float: right; width: 125px; text-align: center; margin-bottom: -220px; } ...to keep it from pushing the #footer. FYI: Whatever;hover... <http://www.xs4all.nl/~peterned/csshover.html> ...can bring IE6 in on the game - if you like. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/
