Hi! My website is currently closed so you could not see the failure. If you can not reproduce it, I can open it.

My homepage has the following strukture:

1. row nectar slider
2. row with 4 colls containing a centered heading and a textblock. These boxes are animated to show up one after each other.
3. row Icon with text as heading and my portfolio as fullwidth masonry

When I open my website and scroll down, everything works fine and the 2nd row has the right size. After I hover over the portfolio-item, the row with the textboxes gets smaller. You can see the before portfolio hover and after in the attached file.

Hope you can reproduce the problem and solve it. It does not happen, when I remove the column animation!

I reactivated the animation so now you should see it!

Scroll down, wait for the animation of the 4 columns to finish and hover one of the portfolio items. I'm using firefox!

Hi! I've got Win7 and am using Firefox 28.0 Portable. In the screenshot you can see, that the text in the two middle columns is cropped. When they were showing, everything was fine, they just got cropped after I've been moving the mouse over one of the portfolio items.

Don't know if some of these could have something to do with it, but:

I've got a two screen setup: 1920x1200 and 1600x900.

It only happens before I resize the window. When I resize the window, I can see the text and the problem does not occure. Only if I reload the website!

Tried it with my laptop: Win8, Firefox 28, SingleScreen with 1920x1080 - same behaviour!

The Problem does not exists in IE11 on my Win7 DualScreen PC. Perhaps something with Firefox 28?