Weird float rendering in Chrome when using media queries

Question

I\'ve built a simple responsive menu that\'s by default laid out vertically, but if the resolution is wider than 400px i lay it out horizontally.

Vertically I simply use

Answer 1

Looks like a Chrome issue that's been out there for a while.

https://bugs.webkit.org/show_bug.cgi?id=53166

Another Stacker with the same issue.

Webkit float and display