title: CSS/HTML <a> tag minumum size and background image
body: <p>I have a link that will consist on of 1 image and nothing else. I also need this image to highlight when user hovers over it. I was thinking: use <code>&lt;a&gt;</code> tag and set its height, width and background-image properties in CSS. However, (and I've had a feeling it might do that) the <code>&lt;a&gt;</code> tag's size when rendered in browser is 0x0. I can include a couple of &nbsp; characters between the link tag (and the image shows up ok) but it feels a bit hacky. I was also thinking to use the old trick of 1px transparent image set to the correct size - but this also seems less than correct way of doing it. I also can do the same thing with jQuery (but this seems like trying to kill a fly with a sledge hammer).</p>
  
  <p>Is there an alternative pure CSS/HTML way of achieving this?</p>