CSS page layout, keep text in its own div column

[pkake2000]

I have a page layout with two div. They are both float:left and so appear as columns next to each other. I want them to stay that way. However, if the text in the right-most div is too long then the whole text moves down below the left most column. This also happens if the text is short, but I make the browser window smaller. What I want is for the long text to take up more lines, but only within its own right column.CSS:\[code\].left{float:left}.right{float:left}\[/code\]HTML:\[code\]<div id="container"> <div class = "left"> <span>some text</span> </div> <div class = "right"> <span>some long text....</span> </div></div>\[/code\]