title: Image in nav won't resize
body: <p>I'm pretty new to html, and I'm having an issue resizing an image. I'm using html5 and css3. I want to put a logo in the right side of the navbar, but every time I resize it, it stays its original size.</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>nav ul {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    background-color: rgb(211, 11, 11);
  }
  
  nav ul li {
    display: inline;
  }
  
  .navlink:link, .navlink:visited {
    display: inline-block;
    width: 120px;
    font-weight: bold;
    color: rgb(255,255,255);
    background-color: rgb(211, 11, 11);
    text-align: center;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  .navlink:hover, .navlink:active {
    background-color: rgb(162, 2, 2);
  }
  
  .navlink:first-letter {
    font-size: 250% ;
  }
  nav {
    position:fixed;
    top: 0;
    margin:auto;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgb(211, 11, 11);
    opacity: 0.8;
    border-bottom: white thin solid;
    z-index: 1000;
    clear: both;
  }
  
  #ucc_logo{
    float:right;
    height: 5px;
    width: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;nav id="navbar"&gt;
    &lt;ul&gt;
      &lt;a href="index.html" class="navlink"&gt;&lt;li&gt;Base&lt;/li&gt;&lt;/a&gt;
      &lt;a href="output.html" class="navlink"&gt;&lt;li&gt;Output&lt;/li&gt;&lt;/a&gt;
      &lt;a href="obscure.html" class="navlink"&gt;&lt;li&gt;Obscure&lt;/li&gt;&lt;/a&gt;
      &lt;a href="logic.html" class="navlink"&gt;&lt;li&gt;Logic&lt;/li&gt;&lt;/a&gt;
      &lt;a href="extras.html" class="navlink"&gt;&lt;li&gt;Extras&lt;/li&gt;&lt;/a&gt;
    &lt;/ul&gt;
    &lt;a id="ucc_logo" href="http://www.ucc.ie/en/"&gt;&lt;img src="http://i.imgur.com/ISnWKPd.jpg" alt="UCC Logo"&gt;&lt;/a&gt;
  &lt;/nav&gt;</code></pre>
  </div>
  </div>
  </p>