Background in TopNav Output

[chabermacher]

Hi-

I'd appreciate assistance with a problem that's driving me crazy.

I'm trying to put a colored background behind the body container in a TopNav output. To do so, I set a background for the master page, then created a new div with a white background for everything *in* the master page. As a result, I get a colored background to the left and right of my white column for my text.

The problem that I'm having is that when I have a small amount of content, the white column doesn't go all the way to the bottom of the page; instead, I have a big colored blob *below* my text column.

BadDivHeight.png

I can set the min-height of the column to a specific value, but then if the browser window is smaller, there's a huge blank area below the text, complete with scrollbar.

I've tried setting min-height to a percentage; I've tried using the vh in the min-height, but when I do, Flare sets the height of my div based on the container, not on the window height.

When I inspect the elements in Chrome, the height of section.inner-wrap is based on the viewport height. The next "layer" down is section.main-section, and its height is fixed and based on the height of my content.

How can I force Flare to let me set the size of my div based on the window height?

Or is there a better way to go about this than this one?

Many thanks,
Cecil

[kwag_myers]

Sorry, I don't have time to test this, but I wonder if you can have a 100px (or whatever) border instead of background?