title: Put img tag inside the top right corner of a div
body: <p>I'd like to put a <code>&lt;a href="..."&gt;&lt;img /&gt;&lt;/a&gt;</code> tag (linked image) in the top right corner of an existing div.</p>
  
  <p>I've found a way to put an image as the background with no-repeat, but then, I cannot link the image. What CSS shall I use?</p>
  
  <p>This is what I do have now:</p>
  
  <pre><code>&lt;div id="footer"&gt;
    some multi-line commercial text content
  &lt;/div&gt;
  </code></pre>
  
  <p>and the css:</p>
  
  <pre><code>#footer
      {
          line-height:18px;
          position:absolute;
          bottom:-230px;
          left:0;
          width:280px;
      }
  
  #footer span
      {
          font-size:16px;
          display:block;
      }
  </code></pre>
  
  <p>The icon I want to put there and link is 43x38 size. The footer div is 280x186 size (in the google chrome webmaster stuff).</p>