The issue you are running into is the right column content is too wide for the side class. (In firefox you can see the google ads box is a little larger than the other 4.)

The floats and widths you are using are causing the side class content to fall below the main class content.

The easiest fix is to either make "#content .side" larger, or "#content.main" smaller. I made the content main class smaller by 5px, and it seemed to fix the problem for me.

Original:
#content .main{
float: left;
width: 630px;
}

Change:
#content .main{
float: left;
width: 625px;
}

Matthew Sloggett

Sorry,
I was working locally, and didn't take into consideration the bg images. Depending on your point of view... The nice thing or bad thing about css is there are many ways to get the result you are looking for.

One way to fix your problem is to keep the css the same and edit your image:
http://www.gcheckoutbuzz.com/wp-content/themes/gbuy/images/content-side-bg.gif


A css fix would be to go to your original source again...

Original:
#content .main{
float: left;
width: 630px;
}

...And change the overflow on the side class:

Original:
#content .side{
background: transparent url(images/side-bg-top.gif) no-repeat top left;
padding: 20px 0 0 0;
float: left;
width: 330px;
}

Change:
#content .side{
background: transparent url(images/side-bg-top.gif) no-repeat top left;
padding: 20px 0 0 0;
float: left;
width: 330px;
overflow: hidden;
}


There are any number of ways to fix your problem. I hope you can come to a solution you like.
Matthew

The overflow didnt seem to work. Anything else besides changing the image?

That worked like a charm!

Thanks alot Matt. I owe you one.