Chrome上奇怪的DIV redimension

Question

I'm working on a new php website and something strange just started happening... I have a file for my top navbar so i can include it on every page and it's working great, except for one detail.. I was creating a register form and realize sometimes when i refresh the website on Chrome with F5 multiple times the top navbar where it says "Iniciar sesión o registrar" appears in 2 lines, if you keep refreshing eventually will switch from 2 lines view to 1 line view which doesn't make any sense since you're only refreshing and nothing else.. If you refresh with Shift+F5 80% of the time appears on 1 line, but still goes on 2 lines sometimes..

Another thing i realize is that it only happens when there's a FORM tag, so if you're for example on the main website it won't happen since there're no forms there.. You can keep refreshing with F5 or Shift+F5 the main website and it will always appear on 1 line (like it should)..

For me it doesn't make any sense since it's loading the same file, why would it show different almost everytime when you refresh?

This is the main website: Link offline

And this is where the error happens: Link offline

By the way, this only happens on Chrome.

Thank you

EDIT: I'm working on Chrome Versión 38.0.2125.111 dev-m (64-bit) with Windows 7 I know it's not only me because some friends got the error too

EDIT 2: I updated chrome to the lastest version and it's still happening

EDIT 3: I did file a bug.. Here's the ID: 455535

EDIT 4: Solved by changing float left on class login with display inline block, still don't know what was happening.. Links offline now

Answer 1

I'm guessing this is a bug in Chrome. As suggested in the comments, I'd file a bug. I suspect it has something to do with the left float within the left float, but could be totally wrong.

To get it working on your site, try replacing the .navbar .tools .login class in style-navbar.css this:

.navbar .tools .login {
    display: inline-block;
    margin-right: 10px; 
}