The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Difficulties with relative positioning

At the bottom just above the footer - the 'See what our users have to say' button at the bottom. I need it to sit so it overlaps the main image (as it is doing now) but without the space below (it is 49px - the wrapper stretches 49px below the seewhat div, pushing the footer down. I have tried negative bottom margin but that breaks the footer).

Am lost as to what to try next.

There is a lot of code, so not sure whether to copy it here?

The CSS for that part is:

Code:

#seewhat {
top: -49px;
padding: 0 18px;
position: relative;
}

Scared to look at it in IE, still need to cross browser test the site, but trying to get it all working in Firefox first.

This really looks like a padding/margins issue. In your style sheet you can include the following code to force all tags to have zero padding and margins for all tags (unless explicitly stated in the in a class or style)

Check the padding and margin properties for the "seewhat" DIV (and all child nodes) as well as the footer.

Also, if position = relative, then for the footer you should have top:0px;

Also, if you have not already done so, make sure your tags are floated.