Help me get my divs next to eachother!

[FilmFoo]

Hi,

My website link is http://www.deadandwalking.com

as you can see my two divs won't align next to eachother as the second div starts below the first one. How would I get the second div box to be placed next to the first one horizontally?

Here is my css for these divs (box 1 on the left is content2 and the right is content3)

#content2{
float:left;
width:500px;
font-size:0.9em;
padding:20px 0 0 20px;
color:#cccccc;
background:#0a0a0a;
border:1px solid #999999;
float:left;
}

#content3{
float:right;
width:450px;
font-size:0.9em;
padding:20px 0 0 20px;
color:#cccccc;
background:#0a0a0a;
border:1px solid #999999;
clear:both;
margin-left:500px;
}

 

[Sam!]

Why not just have a table with 2 rows?

 

[David]

Why not just have a table with 2 rows?

SEO-wise, tables are a no no. Let your CSS override your coding and you will see results.

 

[Justin M]

Try putting #content3 before #content2 in the source file, and removing the margin-left: 500px from #content3

 

[JamesD31]

How much width do you want to your website? Also, besides the 2 content boxes, are there any other things you want aligned the left and right or just those two? Remember, you have to add/subtract the PADDING and the MARGINS of both boxes in regards to the widths/space you have to work with