Having problems to layout with Div’s

[universe]

Hey guys, im designing a page for some friends. They have 4 rooms for rent and i want a layout like this:
http://img502.imageshack.us/img502/6600/layoutt.jpg

I already tryed a bit but it messed up my image borders and that float thing messed up aswell :(

The Site: http://www.aghjalle.fr/chambres.html

html:

Room 1






Room 2














Room 3






Room 4

css:

#sub-left {

padding-top: 20px;

padding-left: 10px;

padding-bottom: 30px;

width: 360px;

float: left;



}

#sub-left img {

border: solid;



}



.clear-both {

clear: both;

}



.floatLeft {

float: left;

padding-right: 10px;

padding-left: 10px;



}

Can someone pls help me with the code so it works like in the index site :)

thx

[universe]

i managed to get the layout now.
but now i have those wierd borders around the images (with left+right spacing) that come from the floatleft
EDIT:

i found the problem, i had padding in the float class :)

[Author]

Posts