[css-d] Suckerfish menu is funky in IE7
Hello, This menu seems to work fine in all new browsers that I've tested with, except IE7. The nested lists don't seem to get repositioned correctly when not hovered, and they all are in the same location, as if they were all nested within the top-most list item. I would appreciate any help. Thank you. http://fiderweb.com/z/ __ 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/
Re: [css-d] Suckerfish menu is funky in IE7
This is my first post to CSS Discuss, and I'm paranoid that I didn't submit it correctly. Can someone verify if I have (all I did was email to css-d@lists.css-discuss.org)? Perhaps this question is off-topic because of the javascript. Thoughts? On Dec 9, 2007 9:30 AM, Ben Fider <[EMAIL PROTECTED]> wrote: > Hello, > > This menu seems to work fine in all new browsers that I've tested with, > except IE7. The nested lists don't seem to get repositioned correctly when > not hovered, and they all are in the same location, as if they were all > nested within the top-most list item. > > I would appreciate any help. Thank you. > > http://fiderweb.com/z/ > __ 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/
Re: [css-d] Suckerfish menu is funky in IE7
Ben Fider wrote:
> This is my first post to CSS Discuss, and I'm paranoid that I didn't
> submit it correctly.
It's all fine ... but IE7 definitely isn't :-)
>> This menu seems to work fine in all new browsers that I've tested
>> with, except IE7.
>> http://fiderweb.com/z/
Looks like a version of IE's old "stuck on :hover" bugs. Seems like the
many old fixes work too, so here it comes...
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
left:auto;
background-position: 0 0 /* add this line to fix IE7 */;
}
The idea is to give IE/win something to change - even if it doesn't make
sense or really changes anything.
Such a nonsensical "do something/anything" rule in the right place makes
IE/win remember to "unhover".
The fix is tested in IE7 and across the rest of browser-land at my end.
Working just fine.
regards
Georg
--
http://www.gunlaug.no
__
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/
Re: [css-d] Suckerfish menu is funky in IE7
Ben Fider wrote: > ... > http://fiderweb.com/z/ looks like a sticky hover bug in IE7 http://www.satzansatz.de/cssd/pseudocss.html#stickyhover Ingo -- http://www.satzansatz.de/css.html __ 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/
Re: [css-d] Suckerfish menu is funky in IE7
that's exactly what it was. thank you very much! On Dec 10, 2007 6:28 AM, Ingo Chao <[EMAIL PROTECTED]> wrote: > Ben Fider wrote: > > ... > > http://fiderweb.com/z/ > > looks like a sticky hover bug in IE7 > http://www.satzansatz.de/cssd/pseudocss.html#stickyhover > > Ingo > > -- > http://www.satzansatz.de/css.html > __ 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/
Re: [css-d] Suckerfish menu is funky in IE7
Ben Fider on 9 December 2007 19:07
> Hello,
>
> This menu seems to work fine in all new browsers that I've tested with,
> except IE7. The nested lists don't seem to get repositioned correctly when
> not hovered, and they all are in the same location, as if they were all
> nested within the top-most list item.
>
> I would appreciate any help. Thank you.
Any version of IE is "funky." To fix your bug [1], either change your left
offset from ems to percent or give li:hover an additional rule.
#nav li:hover {
background-position:0% 0%;
}
[1]
