Extra space created at bottom of page

[finalen]

1) Script Title:
AnyLink CSS Menu v2.0

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

3) Describe problem:
I did a quick search and haven't seen other issues like this, I'm sure it's a CSS problem, but I can't see where/how. For some devilishly gnomish reason the init script at the bottom of the page is creating a lot of height at the bottom of the page. When I remove the script call it of course goes away. Which doesn't happen to your demo pages, so I'm stumped, and could use another pare of eyes. :) -tnx

Test url... (temp location)
http://office.eliquid.com/0159/final/financing.html

[Rdogg]

quite good but what could it be used for?

[ModernRevolutions]

have you tried putting/adding


padding-bottom:-422px!important;

just add that to the body section of your stylesheet
that should do the trick

[finalen]

margin-bottom:-422px !important;

Thanks, the above applied to my outer most div would appears to be a temporary fix, but doesn't really reveal the problem. :p

I had taken a look with Firebug and that couldn't pick out any misbehaving div's to create this effect either.

/boggle

[jscheuer1]

You left this out of your stylesheet:


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

[finalen]

That did the trick, thanks.

I hadn't noticed that rule when I removed the un-used classes. (multi-cols)