CSS need help

[yhack]

http://www.yhack.co.uk

The two boxes wont go next to each other! One is underneath, how do I make them go side by side?

#middle{
width:400px;
height: 600px;
border: 1px solid #000000;
background:#999999;
}
#right{
width:200px;
height: 600px;
border: 1px solid #000000;
background:#999999;
}

The bigger one is #middle

Thanks

 

[yhack]

Thanks, but it won't work

#middle{
width:400px;
height: 600px;
border: 1px solid #000000;
background:#999999;
position:relative;
float:left;
}
#right{
width:200px;
height: 600px;
border: 1px solid #000000;
background:#999999;
position:relative;
float:right;
}

this is the code now, have I done it wrong?

 

[yhack]

What total width are you aiming for?

You've got: 400+2(border) +200+2(border) = 604px.
Funny width, if you are aiming for 600 you need to make the widths 398+border and 198+border.

lol thanks

 

[yhack]

Woah thanks!!
Yeah, I did use some things in dreamweaver because I'm lazy