Having some trouble with some divs not behaving as I hoped.
Here's my demo link: http://jsbin.com/ikabaj/1 As you gradually drag your browser window to become less wide you'll notice that the boxes rearranges themselves. When you get to a certain point you'll see that the boxes pushes down further below the footer element (The text 'Patent pending ...'). I don't want that to happen. Why do the boxes push outside their container element?
I want the columns to be the same size as the container element #main_menu and have the boxes fit within the columns (galcolumns) and let them adapt acordingly to the height of that the container. Ideas how to fix this?
Here's my demo link: http://jsbin.com/ikabaj/1 As you gradually drag your browser window to become less wide you'll notice that the boxes rearranges themselves. When you get to a certain point you'll see that the boxes pushes down further below the footer element (The text 'Patent pending ...'). I don't want that to happen. Why do the boxes push outside their container element?
I want the columns to be the same size as the container element #main_menu and have the boxes fit within the columns (galcolumns) and let them adapt acordingly to the height of that the container. Ideas how to fix this?