title: img class isn't working
body: <p>I can't figure this out.  Been out of the design game a while and can't get this dang image to align to the right.  Here is my coding for the image.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;a href=“www.facebook.com”&gt;&lt;img src="images/logo.png" class=“logo” /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>img.logo {
      float: right;
  }
  </code></pre>
  
  <p>It applies float to all images if I just put</p>
  
  <pre><code>img {
      float: right;
  }
  </code></pre>
  
  <p>but it won't recognize the class.</p>
  
  <p>Here is the FULL CSS code</p>
  
  <pre><code>body {
      background-image:url(images/mainbg.jpg);
  }
  
  #container {
      width: 940px;
      margin-left: auto;
      margin-right: auto;
  }
  
  #nav {
      position: absolute;
      top: 166px;
      bottom: 50px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      left: -4px;
      z-index: 1;
      height: 115px;
  }
  
  #content {
      background-image: url(images/bodybg.png);
      background-repeat: repeat-y;
      width: 940px;
      color: #000;
      font-size: 22px;
      margin-left: auto;
      margin-right: auto;
  }
  
  #footer {
      background-image: url(images/footbg.png);
      background-repeat: no-repeat;
      width: 940px;
      height: 66px;
      margin-top: -60px;
      margin-left: auto;
      margin-right: auto;
  }
  
  img.logo {
       float: right;
  }
  
  a {color: #fff;}
  a:visted {color:#fff;}
  a:hover {color: #555;}
  </code></pre>
  
  <p>Any help is appreciated.  Thanks!</p>