title: Remove gap between objects using CSS
body: <p>Looking for a way to remove a gap between two objects. At the moment there is the container showing between my ul menu and the div that will hold my content. I have looked at changing margins/display but cannot figure out how to remove it.
  Here is an image to show what I mean. I want to remove the gap between the black bar and the menubar.
  Sorry for horrrid CSS question. :> </p>
  
  <p>IMAGE:<a href="http://i.imgur.com/Dov5gct.png" rel="nofollow">http://i.imgur.com/Dov5gct.png</a></p>
  
  <p>Pastebin Ids (put them at the end of pastebin url.)</p>
  
  <p>CSS: /iUadQRK0</p>
  
  <p>HTML: /ShWXsp8v </p>
  
  <p>Cheers for any help in advance xx</p>