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/
