What you are seeing is the consequence of a well-documented "feature" of FF in that when you have side-by-side columns it takes the height of the shortest for things such as applying backgrounds. Hence the need for the "faux" background solution you may have come across.
The easier and more elegant solution is the "clear:both" way, but it isn't always obvious where to apply it.
I will have a closer look if I get chance, but I'm quite busy and it usually takes at least a half hour to dissect someone else's files and figure out how it all works. In the meantime you could Google firefox div heights or something like that, for an answer.
|