Two column magazine type layout

With picture floating in the middle of two columns

[runner]

I'd like to create a section on my main web page that contains a magazine article with two columns and a picture that floats between the two columns.

I found a nice article on this at Mandarin Design titled "Magazine Style: CSS Floating Image With Pixel Perfection." They describe how to create two columns with the picture floating in the middle.

I thought I'd hit pay dirt until I went through sample code with a fine tooth comb. They explicitly defined the text that would be displayed in column one and likewise defined the text displayed in column two.

What I'm trying to do is place the entire text article in a div and have the text fill up column one and overflow into column two. I want it to be liquid and not have to define what text will be in each column. I'd like to make a template where I can just plug in an article and a picture and have it fill out the page properly.

Any idea if this can be done. I've been googling this topic with no success.

[Benek]

Not sure about the picture part, but here's a javascript that will make your text flow into multiple columns.

[mikezilla.com...]