title: How to get rid of hidden space HTML/CSS
body: <p>I building a website with HTML and CSS as part of an exercise. However, I have stumbled across some odd space I need to get rid of. Inspecting the webpage, it seems like there is extra empty content being displayed above my images. This happened after I added navigation arrows. </p>
  
  <p>If anyone have any suggestions on how to deal with this situation I'd be very happy.</p>
  
  <p>The website is as following: <a href="http://folk.ntnu.no/nikolahe/gloshaugen/gloshaugen.html" rel="nofollow">http://folk.ntnu.no/nikolahe/gloshaugen/gloshaugen.html</a></p>
  
  <p>html: <a href="http://pastebin.com/micJCBq1" rel="nofollow">http://pastebin.com/micJCBq1</a>
  css: <a href="http://pastebin.com/WW9i52qc" rel="nofollow">http://pastebin.com/WW9i52qc</a></p>
  
  <p>Suggestions towards layout and good practices are also much appreciated.</p>