Firefox与typed.js不兼容？

Question

I don't really know how to call this problem of mine so change the title if you have a better idea and if you're a person with the power to do so.

Anyway, I got this webpage here that I'm developing, it works perfectly fine but my bottom menu gets deformated and goes to the side line on firefox. It only happens on the index, I suppose it has something to do with the Typed.js that I'm using only on the index.

Here's what it looks like on chrome And what it looks like on firefox

It is really geting on my nerves, I tried changing some heights and widths but it doesn't change anything.

This doesn't make any sense for me, I would really appreciate a bright mind coming with a solution for this.

TL;DR Here the bottom menu is deformated on firefox only on the index, why? How can I solve it?

Answer 1

float .

.linhas_left , .linhas_right and .container_linhas are float ing, making all following text and inline elements flow around them.

Firefox apparently treats .menu like an inline element in the element flow and I have no idea why that is, but here's how to fix it.
Add this to your CSS:

.footer
{
    clear: both;
}

Edit : It looks like this has been reported as a Firefox bug in 2009 already and too many duplicates have been filed so far , but it doesn't look like a fix is to be expected anytime soon.