Extra space (padding or margin?) at bottom of page

Question

For some reason the site has extra bits of space on the bottom of the page, even there is no padding or margin setup ..

The site in question is www.racedayworld.com and seems to happen in (at least) ffox 3+ and IE8

note: we are going through a DNS change so if you can't get to that URL try here:

http://racedayworld-com.si-eioswww3.com/

Answer 1

Perhaps you have a border that is set too wide.

try border-width: 1px;

if not then

html, body
{
    border-width: 1px;
    margin: 0;
    padding: 0;
}

Answer 2

Try adding the following CSS:

html, body {
    margin: 0;
    padding: 0;
}

Answer 3

try:

html, body {
     padding: 0;
     margin: 0;
}

Answer 4

Hmmm... Strange!

Not an answer but a hint: I get a provider specific DNS error page when trying to open "www.racedayworld.com" however "racedayworld.com" works. Could this maybe be a reason for your problem?

Answer 5

The problem is caused by the #ui-datepicker-div element and can be fixed by giving the element 'top' or 'bottom' CSS property with any value (or display: hide).

#ui-datepicker-div {
    bottom: 0;
}

(The above fix was tested only in Firefox. I guess it fix other browsers too. Safari won't need a fix at all.)