title: Why is there a gap in my layout?
body: <p>Its been a few hours now and I cannot figure out why there is a gap in my layout.</p>
  <p><strong>picture:</strong> <img src="https://i.stack.imgur.com/VJFZG.png" alt="enter image description here" /></p>
  <p><a href="http://dl.dropbox.com/u/4123377/gap.png" rel="nofollow noreferrer">http://dl.dropbox.com/u/4123377/gap.png</a></p>
  <p><strong>html:</strong> <a href="http://pastebin.com/7WktN5EA" rel="nofollow noreferrer">http://pastebin.com/7WktN5EA</a></p>
  <p><strong>css:</strong> <a href="http://pastebin.com/Fj8rukJ8" rel="nofollow noreferrer">http://pastebin.com/Fj8rukJ8</a></p>
  <p>The button is &quot;#login&quot;</p>