Re: css menu helper mouseover broken

Did you notice that it also happens in Opera, which from what I can
tell is somewhat rigorous when it comes to starndards compliance.

On Oct 25, 4:15 pm, "Dardo Sordi Bogado" <dardoso...@gmail.com> wrote:
> It's a well known IE rendering bug (also the solution is well known),
> just google it...
>
> On Sat, Oct 25, 2008 at 3:14 PM, Adam Royle <a...@sleekgeek.com.au> wrote:
>
> > I workaround this problem by defining a different margin-bottom value
> > for IE using conditional styles...
>
> > <!--[if IE]>
> > <style type="text/css">
> > #menu LI {
> > margin-bottom: -3px;
> > }
> > #menu LI UL A {
> > margin-bottom: 5px;
> > }
> > </style>
> > <![endif]-->
>
> > On Oct 26, 12:52 am, rogwei <rog...@comcast.net> wrote:
> >> Hi,
>
> >> I added a comment in the Bakery to the CSS Menu Helper page here:http://bakery.cakephp.org/articles/view/css-menu-helper
>
> >> Here is a duplicate of my comment:
>
> >> #begin comment
> >> 4 gap between parent and child breaks menu
> >> In IE and Opera, there is a small but visible gap between the parent
> >> li and the child li that breaks the menu functionality. For some
> >> reason, Firefox renders the parent and child li elements without the
> >> gap, so you can move the mouse easily from one to the other without
> >> the child li elements disappearing. Obviously, the gap translates to a
> >> mouseout event which removes the child li elements. With some effort
> >> (in IE and Opera), I can move the mouse quickly enough but not too
> >> far, so that I am able to mouseover the child element before the
> >> mouseout on the parent is handled. That's all beside the point. The
> >> real question is what is causing the gap and how to get rid of it. I
> >> am using the css_menu.css as is. Fwiw, here is my helper function call
> >> echo $cssMenu->menu(array('Activities'=> array('Add'=> $this->base.'/
> >> activities/add','List'=> $this->base.'/activities/index')),'down');
> >>