css a: текст и изображения в стиле ссылки

У меня есть быстрые вопросы по css, которые меня беспокоят, и я не могу выясните прямо сейчас.

Я стилизовал ссылки на своей странице так, чтобы нижняя граница была включена при наведении курсора, но нижняя граница появляется на изображении, на котором также есть ссылки, и я не могу понять, как сохранить граница не появляется на изображениях.

Вот то, что у меня сейчас есть.

#main a:hover {
    border-bottom:solid 1px #7b9a04;
    color:#333;
}

img, img a:hover {
    border-bottom:none;
}

Однако, похоже, это не работает. Я не Я не думаю, что это какой-то другой стиль, который отменяет его, потому что, если я удалю стиль #main a: hover, изображения больше не будут иметь нижней границы, но никакие другие ссылки на сайте тоже не будут.