Some images overlapping and some spacing problems

Here's a new site I've been working on cutting up

http://www.freewebs.com/karinne4/

Problems:

1- In FF, the 3 boxes at the bottom overlap the footer even though I placed a clearing div in there.

2- In IE6 (not sure how it looks in IE7 yet), there's a space between in the image (in the middle and in the 3 boxes) and the red content box. Not sure how to get rid of it.

Thanks.

2 - I found a way to get rid of the spacing in IE6 but I'm not sure if it's the right way to do it.

I added

Code: Select all

.maintextblock, .subtextblock {
    background-color: #7e1727;
    color: #fff;
    _margin-top: -2px;
}

OK ... I got it working.

For 1 I needed to set my img to display block. And for 2 I had height: 100px set :eek: DUH!!!

I did the same thing 2 days ago. I read your post and wanted to help you but I couldn't remember what I did to fix mine! I'm glad you figured it out.

Don't worry ... I think I ask this question once every 2-3 months!