Links do not work when an image is in the header HTML/CSS
<p>Whenever I add an image to the header, suddenly all the links in both the header and the navbar stop working. I've been trying to fix it, but I only know a little bit about html so I'm getting stuck. Here is the HTML</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>body { background-color: #abc67e;
      color: #666666;
      font-family:Tahoma; 
      height: 100%;
}     
header { background-color: #ffe4b5;
         color: #FFFFFF;
         font-family: Tahoma; 
         position: relative;
         margin-bottom: 0;}

h1 { line-height: 200%;
     background-image: url(sunset.jpg);
     background-repeat: no-repeat;
     background-position: right;
     padding-left: 20px;
     height: 72px;
     margin-bottom: 0;
}
nav { font-weight: bold;
      background-color: #deb887; 
}
h2 {  font-family: Tahoma; 
}
dt { color: #000033; 
     font-weight: bold;
}            
footer { font-size: 0.70em;
         text-align: center;
         font-style: italic;
         padding: 10px;
}        
h3 { color: #000033; 
}
main { padding-left: 20px;
      padding-right: 20px;
}
#wrapper { margin-left: auto;
           margin-right: auto;
           width: 55%;
           background-color: #fdf5e6;
           min-width: auto;
           box-shadow: 5px 5px 5px #523411;
           height: 100%;
           border: 4px;
           border-style: outset;
}
nav ul { list-style-type: none; 
        margin-top: 0;
        z-index: 99;}
nav li { display: inline; }
footer ul { list-style-type: none; }
footer li { display: inline; }
footer a { text-decoration: none; padding-right: 10px; }
aside { float: right; 
      border-left: 1px;
      border-left-style: dotted;
      padding-left: 50px;}
aside img { width: 100%;
          height: 100%;}
section { float: right;
        width: 320px;}
.galleryul { list-style-type: none; }
.galleryli { display: inline-block;
     width: 225px;
     padding-bottom: 10px;
     margin: 10px;
     background-color: #EAEAEA;
     text-align: center;
     font-style: italic;
     font-family: Tahoma; }
label { float: left; 
      display: block; 
      width: 8em;
      padding-right: 25px; 
      }
input { display: block;
      margin-bottom: 1em;
      }
textarea { display: block; 
        margin-bottom: 1em;
      }
#mySubmit { margin-left: 11.5em;
      }
.navbarimg { position: absolute; 
             padding-left: 650px;
             padding-top: 110px;}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;A Dog's Life&lt;/title&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;link href="style.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  &lt;header&gt;
      &lt;img src="images/navimg.png" class="navbarimg"&gt;
      &lt;a href="project/index.html"&gt;&lt;img src="images/banner.jpg" style="width:100%"&gt;&lt;/a&gt;
      &lt;h3&gt;&lt;/h3&gt;
  &lt;/header&gt;
  &lt;nav&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href="/index.html"&gt;&lt;img src="images/home-nav.png" alt="Home"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/about.html"&gt;&lt;img src="images/about-nav.png" alt="About"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/services.html"&gt;&lt;img src="images/services-nav.png" alt="Services"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/gallery.html"&gt;&lt;img src="images/gallery-nav.png" alt="Gallery"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/contact.html"&gt;&lt;img src="images/contact-nav.png" alt="Contact"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;main&gt;
      &lt;h2&gt;Reserve your dog's stay today!&lt;/h2&gt;
      &lt;aside&gt;&lt;img src="images/dogs1.jpg" alt="Dogs playing"&gt;&lt;/aside&gt;
      &lt;h3&gt;Contact Us&lt;/h3&gt;
      &lt;p&gt;Required information is marked with an asterisk (*).&lt;/p&gt;
      &lt;form method="post" action="http://webdevbasics.net/scripts/pacific.php"&gt;
      &lt;label for="myFName"&gt;*First Name:&lt;/label&gt;
      &lt;input type="text" required="required" name="myFName" id="myFName"&gt;&lt;br&gt;
      &lt;label for="myLName"&gt;*Last Name:&lt;/label&gt;
      &lt;input type="text" required="required" name="myLName" id="myLName"&gt;&lt;br&gt;
      &lt;label for="myEmail"&gt;*Email:&lt;/label&gt;
      &lt;input type="email" required="required" name="myEmail" id="myEmail"&gt;&lt;br&gt;
      &lt;label for="myPhone"&gt;Phone:&lt;/label&gt;
      &lt;input type="tel" name="myPhone" id="myPhone"&gt;&lt;br&gt;
      &lt;label for="arrival"&gt;Arrival Date:&lt;/label&gt;
      &lt;input type="date" name="arrival" id="arrival"&gt;
      &lt;label for="nights"&gt;Nights:&lt;/label&gt;
      &lt;input type="number" name="nights" min="1" max="14" id="nights"&gt;
      &lt;label for="myComments"&gt;*Comments:&lt;/label&gt;
      &lt;textarea name="myComments" required="required" cols="20" rows="2" id="myComments"&gt;&lt;/textarea&gt;&lt;br&gt;
      &lt;input type="submit" id="mySubmit" value="Submit"&gt;
      &lt;/form&gt;
  &lt;br&gt;
  &lt;img src="images/logo.png"&gt;
  &lt;/main&gt;
  &lt;footer&gt;
  &lt;br&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="services.html"&gt;Services&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  Copyright &amp;copy; 2016 A Dog's Life&lt;br&gt;
  &lt;a href="mailto:pierce@jensen.com"&gt;pierce@jensen.com&lt;/a&gt;
  &lt;/footer&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
</div>
</div>
</p>