HTML / CSS的奇怪问题导致额外的空间

Question

I have a problem with some unexplained space at the bottom of a page that I am working on. I have tried to fix the issue but I can't figure out what is causing it...

A screenshot of the problem is here: http://bit.ly/18FQ9Ca

A link to the real page is here: http://bit.ly/18FR1qA

I think it might be something to do with the id="CivilService" div layer, as the problem goes away when I remove the div. But there doesn't seem to be anything contained which could cause the problem.

Many thanks for any help that you can give...

EDIT

The issues seems related jQuery not correctly setting the hight of .wrapper-holder using this code

var footerHeight = $('.footer-wrapper').height();
var main_body_height = doc_height - footerHeight;
$("div.wrapper-holder").height(main_body_height);

This exact code seems to be working fine on other pages of the site, does anyone know what could be causing the problem on this page?

Many thanks for your continued help...

Answer 1

You set a height on wrapper-holder

<div class="wrapper-holder" style="height: 1458px;">

</div>

Remove this height or set a smaller height to remove the spacing at the bottom