What do I need to adjust here?

http://www.fairytaleknits.com/yarn/

Ok if you look at my site the pic above the boxes is not the correct size or the column size if wrong or something. How do I fix this? (the right is really noticeable but the left down at the bottom runs into the middle and it does it on other pages too)

thank you!
Dawn

In your admin's Configuration->Layout Settings, you've got Column Width - Left Boxes, Column Width - Right Boxes, Column Width - Left and Column Width - Right all set to 150px. In your stylesheet.css (around line 151), you set the background image for h3.leftBoxHeading and h3.rightBoxHeading to ../images/sidebox-top2.jpg which, unfortunately, is 170px wide.

That is, you're trying to shove a 170px .jpg into a 150px area ... just doesn't work. You should reduce the width of the .jpg file to 150px.

lat9:

In your admin's Configuration->Layout Settings, you've got Column Width - Left Boxes, Column Width - Right Boxes, Column Width - Left and Column Width - Right all set to 150px. In your stylesheet.css (around line 151), you set the background image for h3.leftBoxHeading and h3.rightBoxHeading to ../images/sidebox-top2.jpg which, unfortunately, is 170px wide.

That is, you're trying to shove a 170px .jpg into a 150px area ... just doesn't work. You should reduce the width of the .jpg file to 150px.

Or increase the column width.

Thank you so much! It's all fixed now :)