Thanks for that Philippe. Yes, it seems that was indeed the problem -- something that I’d initially discounted since those elements were not being clipped in desktop browsers. The overflow:auto was there to contain the floated elements, so I’ll sort out an alternative solution for them and put it back to overflow:visible.
And I take your point about Android/WindowsMobile. Thanks for the heads-up on that. Best regards; -- Rick On 22 Aug 2012, at 01:52, Philippe Wittenbergh wrote: > I'm not surprised that your submenu doesn't display, although it could > eventually be considered a bug or weakness in MobileSafari (or mobileWebKit). > > The box that contains the menu is set to overflow: auto (.columnwrap), and, > at least with iOS 5.1, it clips the submenu away. > > here is your page with a minimal change: > http://dev.l-c-n.com/_temp/r/r.html > > Apart for the yellow borders (debug) I only added one thing: > > #tools > .columnwrap { overflow: visible; } > > > PS - I never found those menu systems that rely on css :hover to be > particularly user friendly, and they are not working well on mobile devices > such as Android or WindowsMobile (yes Apple puts a hack in MobileSafari to > make those hover thingies work sometimes) - remember that there is never any > hovering on touch devices. ______________________________________________________________________ css-discuss [css-d@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/
