Extra Whitespace generated on the top of page?

Question

This is a very weird bug I'm having. I'm using Modernizer and after a whole bunch of troubleshooting I've pretty much narrowed it down to Modernizer generating this big block of whitespace.

I can check the server on my local server via 'localhost' and get this whitespace

I would perform the same check with the same browser but with my WAN IP instead and get a different whitespace. It's really odd.

Link: You can check it out here: http://184.161.181.41:8888/

Answer 1

When I change margin-top to padding-top on #wrapper, everything works fine and the title stays below the floating bar.

Answer 2

Is there a reason why you have a 43px margin-top in #wrapper. Change it to 0px.

#wrapper {
  margin-top:0px;
}