Thanks Jeff. Unfortunately, overflow:hidden is required, otherwise the sub
nav items are always visible (you may not have noticed because the color is
white). The goal is to have the menu transition height from 0 to X with
css, so I can't use display: none -> display: block either.
Chris Rockwell
On Mon, Jul 14, 2014 at 7:10 PM, Jeff Peck <peck.j...@gmail.com> wrote:
> I can't tell you why, but removing overflow: hidden from the style below
> fixes it for me in chrome:
>
> .l-region--navigation nav > .menu > li ul.menu {
> display: block;
> height: 0;
> /* overflow: hidden; */
> position: absolute;
> width: 100%;
> background: rgba(0, 54, 80, 0.97);
> -webkit-transition: height 0.5s 0.3s;
> -webkit-transition-delay: ease;
> -moz-transition: height 0.5s 0.3s ease;
> -o-transition: height 0.5s 0.3s ease;
> transition: height 0.5s 0.3s ease;
> }
>
> > -----Original Message-----
> > From: css-d-boun...@lists.css-discuss.org [mailto:
> css-d-boun...@lists.css-
> > discuss.org] On Behalf Of Chris Rockwell
> > Sent: Monday, July 14, 2014 4:17 PM
> > To: CSS-Discuss
> > Subject: [css-d] Chrome issue with 1 pixel spacing between <ul>
> >
> > Hey all,
> >
> > I'm struggling to track down why, in Chrome (I'm in 35.0.1916.153 m), I'm
> > getting transparent separation between some items. It's not occurring in
> > Firefox or IE.
> >
> > The dev site is dev.truckingshow.com. To reproduce, simply mouse over
> any
> > of the main navigation items and you'll see a transparent separation
> that,
> > again, only occurs in Chrome on this home page. I'm also a bit baffled
> > because it doesn't happen on internal pages despite them using the same
> > styling, only the positioning is different.
> >
> > Thanks for taking a look, and for any ideas.
> >
> >
> > Chris Rockwell
> > __________________________________________________________
> > ____________
> > 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/
