CSS Layer problem

[CookieHost]

Hi,

Recently I redesigned our company's website. I still have some problems with layers on the homepage:

http://www.cookiehost.com/

I used a relative positioned layer to position the "90 Day Money Back Guarantee" image/link. Besides I used some transparent GIF images inside relative positioned layers to make the prices of the hosting plans clickable.
I inserted the DIVs right after the other content. They leave a white space at their original location, what doesn't look so good. Does any know a solution for this problem? Is it possible to insert some other elements inside this white space?

Thanks in advance,
Jiska

[Bagi Zoltán]

Hi Jiska, I can't see any white spaces. Possibly you have already fixed the problem.

[CookieHost]

Hi, thanks for your reply. No, I didn't fix it yet. I guess I wasn't clear enough about the problem
In my website http://www.cookiehost.com you see right after the textboxes with the hosting specials, recipes, tell-a-friend etc. some empty space. This is where I inserted the layers that I positioned relatively. For example the layer that contains the 90 day money back guarantee image:

div.moneyback {
position: relative;
width: 172px;
height: 82px;
top: -795px;
left: -304px;
z-index: 2;
margin-left: auto;
margin-right: auto;
}
I would like my page to end right after the textboxes, but the background is stretching because of the layers that I placed there initially. I'm looking for a way to remove this "empty space" or to fill it up with some other elements.

Thanks,
Jiska

[Taltos]

I'm not sure if this will work but I have seen similiar techniques used. Try adding to your div.moneyback a margin-bottom instruction that is the negative of your height. Something like:

margin-bottom: -82px;

Although I am not sure that the moneyback div is the problem. Good luck.

[CookieHost]

Hi,
Thanks a for your help! Even though it didn't completely fix the problem it reduced the size of the empty space a lot. Looks much better now

Thanks,
Jiska

[Taltos]

I didn't dig completely through the code but it looks like the order now images are just below the moneyback. Looks like you might want to try the same thing on:

tagone, tagtwo, and tagthree divs?

[CookieHost]

Hi,
I applied a negative bottom margin to the other three layers as well. It reduces the size of the empty space even more, but there still remains some of it.

Jiska

[Taltos]

The only other thing I seen do this is sometimes there is an assumed or default margin-bottom on body or tables or divs. You might try forcing margin-bottom to 0px on some of those and see if it clears up your mystery space.

[CookieHost]

I applied a margin-bottom of 0px to all relevant layers and tables, but as it appears to me this is not the problem in this case. The mystery space didn't give up yet Thanks for your tip anyway!

Jiska