Trouble with stacking in layout

CSS layout

[busyrich]

I'm having a simple problem while trying to learn strict CSS.

On the site in the content div section I have an image title within a nested div. A made a second div which I then div"ided" into two columns. Both are floated left. This works really sweet.

Unfortunately, the break comes in the right-column div which is floated right. It is pushed down.

What do I have to do to get the right column lined up at the top such as the other pages on the site.

Your help is much appreciated. This is the first site I have created without using tables.

TIA,
~rich

[edited by: jatar_k at 2:02 pm (utc) on Feb 23, 2010]
[edit reason] no urls thanks [/edit]

[supermanjnk]

You could move the "image title" inside the left side div.

[busyrich]

The title needs to center across two columns.

[busyrich]

I finally gave up trying to do this project "right". Sometimes you just have to move along and get the job finished.

After spending hours chasing my tail, I simply spent 15 minutes and found my own "hybrid" solution.

I made two divs ... one for the right column (float right) and one for the two column menu and title (float left).

I created a table with two rows ... one for the title and nested a table with two cells (columns) for the menu content.

It works like a charm, not correct perhaps, but it works the way it's supposed to.