twigkit/semantic.gs — Issue #33: Firefox/Opera .last-unit w/ Image Bug
Author: korywakefield
Created: 2011-12-11 10:39:37+00:00
State: open

Hey guys,

I'm working on a new site utilizing OOCSS and noticed that whenever I place an image in the .last-unit column that it creates a layout bug in Firefox and Opera where it will jump down and clear the float.

I found this example that you can see it in if you open using Opera or Firefox:

http://oocss.org/grids_test/core/grid/grids_all.html#largeImg

Notice the 1/5 columns towards the bottom are taking up the entire browser width in Opera, and in Firefox they're just not containing the images properly (for my test site it's acting like the Opera example seen here).

Any ideas on what's causing this?