Three Column Issue.

[nighthawk]

I am using a div named #wrapper that encloses the three columns (#left_col, #main_content, and #right_col). Everything shows up fine, but I need #wrapper to automatically adjust to the greater of the three enclosed columns and show background color white. Each page looks staggered now and I need some consistency. Any help is greatly appreciated.#maincontentwrap{ width:100%; margin-right:auto; margin-left:auto; background-color:#ffffff; height:auto;}#left_col{ float:left; width:20%; overflow:hidden; background-color:#ffffff; border-right-width: thin; border-right-style: dotted; border-right-color: #0300CF; padding-left: 10px; padding-bottom: 10px;}#main_content{ float:left; width:54%; background-color:#ffffff; padding-right: 11px; padding-left: 11px;}#right_col{ float:right; width:20%; overflow:hidden; background-color:#ffffff; border-left-width: thin; border-left-style: dotted; border-left-color: #0300CF; padding-left: 10px; padding-right: 16px; padding-bottom: 10px;}

[dsonesuk]

try #maincontentwrap{width:100%;margin-right:auto;margin-left:auto;background-color:#ffffff;height:auto;overflow:hidden;}

[nighthawk]

Thanks! That worked. It is amazing how one little line of code saves the day.