Correctly positioning content over a fullscreen slider

I’ve gotten most of the way towards having content layered over the top of a fullscreen slider. (URL in private content area) – however it is impacting either the header or the footer. As I currently have it set up the footer is extended and the link is no longer clickable, if I adjust the top value a little it instead offsets the menu. Is there a way to avoid this?

Here is the CSS I’m using at the moment:

#home_slider {
top: 100px;
position: absolute;
z-index: 1000;
background-color: transparent !important;
border: 0;
}