Problem with relative positioning

[Alexandra]

I am working on a design for a site, but I am having trouble with some relative positioning.

The site is built in a table (that is all the images and layout), then I have some text placed in a div that needs to float above the design.

The problem arises when I center the main table, the text appears in the correct place, but the whole site is offset as the browser seems to be leaving a space where the text should appear, even though it is floating above the design. I hope that is clear....

Anyway, you can see what is happening .here. The design should be horizontally and vertically centred on the screen, with the text appearing in the white area in the bottom third of the design.

How can I make the page align correctly (i.e. without the vertical offset)?

Thanks for your help,

Alex

[myusername]

Use the area that is supposed to be the background for the text and make it the background of the table cell. Get rid of your floating div, make watermark-03 and watermark-04 a single image. If you use that as the background for the cell, it should work wonderfully.

[Alexandra]

Thanks for that. Will this solution work in all browsers though?

Alex.

[Alexandra]

No problems. I just made the changes you suggested and it works perfectly, in all the borwsers I have to test on. That includes IE 6, Opera 6, Mozilla, NS4.08 and NS4.77!

Thanks for your help!

Alex.