I am creating a navbar in my website and I want my logo to show next to my site name within the navigation bar, but it doesn't want to cooperate. In the code below is my html with the image inside of my nav bar.

Below is what my css looks like. I tried all of the different position types and I tried to set the navimage's margin and padding. 

```css
.navbar {
  width: 100%;
  height: 50px;
  background-color: #2ecc71;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
#navtitle {
  color: white;
  font-family: cursive;
  font-size: 25px;
  position: relative;
  top: 20;
  margin-top: 10px;
  margin-left: 40px;
}
#navimage {
  position: absolute;
  margin-top: 0px;
  margin-left: 140px;
}
```

```html
<div class="navbar">
  <p id="navtitle">Rainforest</p>
  <div class="navimage">
    <a>
      <img src='http://i.imgur.com/Eqbvkgb.png'>
    </a>
  </div>
</div>
```

Any ideas?