удалить подчеркивание ссылки с изображения, только если тег привязки содержит img

<a href="#">
        <img width="103" height="100"  src="img source">
    </a>

для приведенного выше html-кода. Я использую следующий css

a {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

a img {
    border: 0 none;
}

В основном то, что я пытаюсь достичь здесь, - подчеркивать текстовые ссылки, сохраняя при этом ссылки img без подчеркивания. однако я предполагаю, что стилизуя текстовые ссылки, я также создаю стили для ссылок на изображения, я хочу, чтобы любое изображение в ссылке не было подчеркнуто.

Кто-нибудь может предложить решение этой проблемы?