how do i put an image and text both in the same <a> link

[arr]

here is the code:

[CODE]<a href="strategy-tips.html">
<img class="buttonTips"src="images/smallgrey_button.png" width="240" height="50" alt="" />
<div class="textTips">ADDITIONAL TIPS</div>
</a>[/CODE

it is the image of a button, with text on the top. what is the correct way to have both the image and text going to strategy-tips.html ?

as the w3.org validator is showing the following error:

http://s18.postimage.org/5gziymnyw/validator_error.jpg