So I'm finishing up this site for a retail store out here and I can't figure out why there is a horizontal scroll on that first column of text there

http://boardboutique.com/v2/

I could always hide the x scroll but I would rather fix the problem than just hide it. The first column is #stuff1, the second is #stuff2 and the third #stuff3

When I change the #stuff1 tag to #stuff2 I have the same issue. This leads me to believe that the problem is the content inside stuff1. Does anyone know how I can fix this?!?!?

Thanks!

There are styles around some of the divs that the content is in:

<div style="width: 510px;" class="wp-caption alignnone">

I think it's that 510px width that's doing it. There are several divs with this specified. It's probably hardcoded into a template or php file somewhere.

If you don't want to hack the template/php, I think you need to put a width on the following classes:
entry, entrybody, entrymeta, bar, h3.entrytitle
There is also an un-styled paragraph ('next page' link) at the bottom which will make the horizontal scroll appear if you don't fix it too.

You'll need to add widths because older browsers don't follow 'overflow-x'.
The width you use will need to take into account the width of the vertical scrollbar.

Bear in mind I'm a css noob; You might find a better way.

Good luck.
I hate css more than anything; I've lost entire days to stupid little problems like this.

that was it, thank you!