No mater how much I play around with padding and margin properties I can’t seem to solve an issue I have on larger screens – the bottom of the html has a “cut off” where it appears to have a margin from the bottom of the screen. I do not know which element this is but all the elements have been reset to have 0 padding or margin.
When I add the following css I find that the gap really is at the bottom – there are no elements underneath:
* {outline: solid 1px;}
Here is a url to the site if any kind person would like to take a look: http://preview.tinyurl.com/7ywoqpf
I fiddled with firebug and noticed that setting:
html {height: 100%;}
has solved the problem, will update the site later this evening