title: How to get rid of space between navbar and picture?
body: <p>I can't figure out how to remove this space from my navbar and the picture..</p>
  
  <p><a href="https://i.stack.imgur.com/fPx7L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fPx7L.png" alt="White space between navbar and image."></a></p>
  
  <p>The CSS code I have for the navbar and the image is:</p>
  
  <pre><code>a {
      text-decoration: none;
      color: white;
      padding-right: 5px;
      padding-left: 5px;
      padding-top: 0;
  }
  
  a:hover {
      color: black;
  }
  
  header {
      background-color: #C0C0C0;
      margin: 3px 60px 0;
  }
  
  li {
      display: inline;
      border-right: 1px solid black;
      border-left: 1px solid black;
      border-bottom: 1px solid black;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
  }
  
  nav {
      position: relative;
      text-align: center;
  }
  
  ul {
      list-style-type: none;
  }
  
  #bikebanner {
      position: relative;
      left: 65px;
  }
  </code></pre>
  
  <p><code>#bikebanner</code> is the image id.</p>
  
  <p>And the html goes like so:</p>
  
  <pre><code>&lt;header&gt;
      &lt;img src="images/bicyclebanner.jpg" id="bikebanner" alt="People riding bikes." title="Biking"&gt;
      &lt;h1 id="pagetitle"&gt;&lt;a href="Lab04.html"&gt;Cycling Tours&lt;/a&gt;&lt;/h1&gt;
      &lt;nav&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="aboutUs.html"&gt;About Us&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#askUs"&gt;Ask Us&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#destinations"&gt;Destinations&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#faq"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#reviews"&gt;Reviews&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#seminars"&gt;Seminars&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#tripPrep"&gt;Trip Prep&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>Looking for a universal fit as I have other things with white space between them as well.</p>
  
  <p>Thanks.</p>