Help! How to correct this overlap issue?

HTML & CSS
1

Hi there,

If you’ll head over to http://manojsharma.com/professional/ and scroll to the bottom of the page, you’ll notice that the footer (?) seems to overlap the colored floating watermark.

How do I correct that?

Thanks!

2

Everything looks fine to me in Chrome. Could you indicate what browser you are using, and maybe post a screen shot of what you are seeing?

3

I’m assuming that the darker, marbled background of the footer (bg-footer.png) is intended to overlay the watermark background image (floating_watermark.gif) , but that the problem is that there is a strip of the paler textured background (bg_small.gif) appearing in between the two. If so, then this is caused by the 40px top and bottom padding on .blog, so changing .blog to margin:40px auto 0; should fix it.