I'm editing a Moodle 2 theme right now using Moodle 2.2 and viewing it through Firefox 10.
I have made four new block areas at the bottom of the page which are meant to have a width of 25% with a minimum width of 250px, as described in my CSS:
My issue is that empty block areas collapse themselves.
What the areas look like when you're moving blocks around:
As you can see I have left the third area from the left blank.
But when I am done moving blocks, that area collapses to look like this:
My question is (finally), how do I stop the divs from collapsing so that any blank block areas remain the correct width? Do I have to remove the floating? If so, how else do I get them to display side-by-side?