Background Image Not Drawing

Hi,

I have encoutered a problem.

Imagine a case, when you got two floating divs. One to left, one to right. Their parent element has a background set to it. But in case that either one of these floating divs is shorter that the other, the background is not drawn under it.

I found out that setting the parents element width to 100% fill the whole area with the background in IE, but this doesnt work for FF as takes 100% to be height of the whole page.

Could anybody please give me a hand on this… am I missing something?

Thanks.

LINK to the example code.