Joomla template hacking - floating elements?

[bloomit]

Hi all

I'm doing Joomla template hacking and this is where I'm stuck.

I have eight elements that I want to have alligned as following:

|upper_place_main | upper_place_blog-related | upper_place_articles-of-interest | upper_place_case-studies |
|place_main | place_blog-related | place_articles-of-interest | place_case-studies |

I have to do it somehow with floats?

At the moment I just can't figure a way to have them nicely alligned next to each other. All help is appreciated! Thank you!

Here's what I have in CSS styles:

#upper_place_main, #upper_place_blog-related, #upper_place_articles-of-interest, #upper_place_case-studies {

position: relative;
font-size: small;
height: auto;
}

#place_main, #place_blog-related, #place_articles-of-interest, #place_case-studies {
overflow: hidden;
display:inline-block;
position: relative;
top: 60px;
height: auto;
float: left;

}