see example here http://jsbin.com/elesa
code
<p>
<a target="_blank" href="#" title="Download PDF, 58KB, opens in a new window">
<img width="150" height="50" border="0" src="http://sstatic.net/so/img/logo.png" alt=""/>
</a>
</p>
see example here http://jsbin.com/elesa
code
<p>
<a target="_blank" href="#" title="Download PDF, 58KB, opens in a new window">
<img width="150" height="50" border="0" src="http://sstatic.net/so/img/logo.png" alt=""/>
</a>
</p>
Browsers give presedence to the title and the alt differently. The safest method to achieve the proper results is to supply the same title on both the title and the alt tag of the image. For example:
<a target="_blank" href="#" title="Download PDF, 58KB, opens in a new window">
<img width="150" height="50" border="0" src="http://sstatic.net/so/img/logo.png"
alt="Download PDF, 58KB, opens in a new window"/>
</a>