I'm trying to create a three column CSS layout. My left column has float:left and my right column has float:right. The problem occurs when I am working on my middle column. I have a couple of <div>'s in my middle column. Each <div> contains a <img> (aligned left) and text that appears to the right of the image. I want each <div> to appear underneath the previous one. However, I can't use 'clear:left' because then my middle content won't appear until it's below the left column. Is there anyway that I can use clear:left for just the middle column?