I'm not able to look right now but based on Philippe's reply it sounds like you
had a ul inside an li. The li has :hover styles applied. Since the ul was not
visible but still present (because there is no such thing as display:hidden;)
the li was actually as tall as its content - which included the invisible ul.
Sent from my iPhone
> On Nov 4, 2014, at 7:19 PM, John <j...@coffeeonmars.com> wrote:
>
>
>> On Nov 4, 2014, at 3:47 PM, Philippe Wittenbergh <e...@l-c-n.com> wrote:
>>
>> You have this in your stylesheet for your submenus:
>>
>> #main_nav ul li ul { ;
>> /* snip */
>> /* visibility:hidden; */
>> display:hidden; /* <-------- what is this ? */
>> opacity:0;
>> }
>>
>> The submenu is invisible due to the opacity being set to `0` but fully
>> present… This expands the hover area of the parent <li>. I guess you want to
>> say 'display: none', but I’m not in your head and won’t venture that far…
>
> Philippe; your suggestion fixed the issue, and I thank you…I do not see the
> relationship between the nav ul li ul display and the “sensitive area” of ul
> li:hover ul < isn’t the hover applied to the top-level items in the ul?
>
> Maybe the issue is that I am accustomed to seeing the hover area limited to
> the item having :hover applied to it (plus whatever padding) but this
> situation was the entire child ul behaving as though IT had :hover applied to
> it.
>
> I hope I’m making some sense of my confusion here…channeling Yogi Berra..
>
> John
> ______________________________________________________________________
> 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/
______________________________________________________________________
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/
