リンクで画像を含む場合に、その画像にも下線が引かれてしまうのですが、これを消すスマートな方法は無いでしょうか？

<a href="...."><img src="...."> リンクテキスト</a>

この場合、アンカータグ内の画像にも下線が付いてしまいます。
これが非常に醜いので、消そうと下のようなスタイルを設定してみましたが上手く行きません。

img { text-decoration:none }
a img { text-decoration:none }

何か良い方法無いものでしょうか？よろしくお願いします。

これでボーダーは表示されなくなります。
お試しください。