css float - CSS - Faux columns with background color instead of repeating background image? -

Greetings,

I have a two-column (vertical) layout where the column is required Like "look" they match the heights "small" column has a background color, and it is important to see that it is the same height as the main content column, which spreads to fit its contents.

I know that it is relatively easy to implement this layout by applying the imagination of the back cover of two columns and clearing the float of the two columns below. Is it the only way to influence it, or is it possible to do this by applying a background color in the "low" column and using the repetitive picture?

is a wrapper div with the same background color as its lowest-running diva.

HTML

  & lt; Div id = "wrap" & gt; & Lt; Div id = "long time" & gt; & Lt; / Div & gt; & Lt; Div id = "shortDiv" & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

CSS

  #longerDiv {background: # 9c9; } #wapper {background: # 99C; #shortDiv {background: # 99c; }