Проблема с CSS
 

В общем, сейчас делаю дизайн для сайта и в ксс сделал так, что если в тексте ссылка - <a href="">бла бла бла</a>, значит текст подчёркивается. Но Появилась проблема - теперь если в этой ссылке находится изображение - <a href=""><img src="" /></a>, то изображение тоже подчёркивается. А мне этого не надо. Как сделать так, чтобы подчёркивалось всё, кроме изображений?

Ничего не происходит. Вот кусок из моего ксс

a:link {text-decoration:none; color:#FFF;border-bottom: 1px solid #A8D202; text-shadow: black -1px 1px 1px;}
a:active {text-decoration:none; color:#FFF;border-bottom: 1px solid #A8D202; text-shadow: black -1px 1px 1px;}
a:visited {text-decoration:none; color:#FFF;border-bottom: 1px solid #A8D202; text-shadow: black -1px 1px 1px;}
a:hover {color:#fff;background:#A8D202; text-shadow: black -1px 1px 1px;}

Можно картинку бэкграундом к ссылке задать, например.

GennadiyZm,
как вариант вот так можно

a img {
    display: block;
}

но это не совсем правильно...

или засуньте спан в ссылку и ему сделайте подчёркивание а ссылке уберите.
а вообще зависит от более конкретной задачи...

к анкорам-"не блокам" бордюры применять не эстетично :)

выходы:
1. обернуть текстовые анкоры в span и span'у задавать бордюр.
2. навесить классы на анкоры с картинками, где запретить бордюры.
3. javascript'ом (голым или jquery или любой другой библиотекой) фильтровать анкоры с дочерними тегами.

первый вариант более удобен, последний вариант — не требует вмешательство в код )