image hyperlink not working in html

Regular links to other pages on a sidebar are working, yet when I try to hyperlink an image in the page's body nothing happens. Everything is in the same directory. Does this have anything to do with the page having a header div and sidebar with "display:fixed" and "z-index:1" ?

#info {
  display: inline-block;
  vertical-align: top;
  width: 80%;
  height: auto;
  padding: 0em 1em 0em 1em;
  position: absolute;
  margin-top: 15em;
  margin-left: 12em;
  z-index: -1;
}
#info td {
  display: inline-block;
  padding: 0em 2em 0em 2em;
}
#info img {
  height: 15em;
  width: auto;
}
#link_title {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

<div id="info">
  <h2> Tips & Tricks </h2>
  <table>
    <td>
      <p id="link_title">Cooking & Food Tips</p>
      <a href="tips_tricks_cooking.html">
        <img src="deceuillete_fraise.jpg" alt="strawberry" />
      </a>
    </td>