Кнопки с картинками внутри

[REDFOX]

Добрый день!
Нужна помощь с кнопками. Идея следующая: хочу создать кнопки на css такого формата ("картинка, текст ссылки" или "текст ссылки, картинка"), в качестве картинки, например, значок скачивания файла. Как создать и оформить кнопку в css я знаю, проблема исключительно с внедрением картинки через css.

Пытаюсь прописать все это к тегу "а" с определенным классом, но пока получилось только отдельно оформить кнопку и добавить в ссылку картинку:

<a href="#" class="#"> <img src="#"> текст ссылки</a>

Как прописать картинку именно через стили css?

Для примера, код css кнопки:
[spoiler]

.batton-br {
   background: #0000FF;
   color: #fff;
   text-shadow: 1px 1px 8px #fff, 0 0 5em #fff;
   border-radius: 8px;
   display: block;
   width: 210px;
   padding: 10px;
   margin: 0 auto;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
   border: 1px solid #0000FF;
   margin-bottom: 10px;
   
}



.batton-br:hover {
   background: #fff;
   color: #0000FF;
   text-shadow: 1px 1px 8px #0000FF, 0 0 5em #0000FF;
   border-radius: 8px;
   display: block;
   width: 210px;
   padding: 10px;
   margin: 0 auto;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 10px;
}

.batton-br:active {
   background: #fff;
   color: #DE0012;
   text-shadow: 1px 1px 8px #DE0012, 0 0 5em #DE0012;
   border-radius: 8px;
   display: block;
   width: 210px;
   padding: 10px;
   margin: 0 auto;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 10px;
   border: 1px solid #DE0012;
}

[/spoiler]

[alexburn]

backgroundimage ?

[REDFOX]

backgroundimage ?

Нет, пробовал, картинка вообще не появляется

[tartaren]

Поддерживаю, сделайте у кнопок фоном те самые картинки:

.batton-br {
   background: url(путь к нужной картинке);
...
...
}

[REDFOX]

Поддерживаю, сделайте у кнопок фоном те самые картинки:

.batton-br {
   background: url(путь к нужной картинке);
...
...
}

Не получается. Может у меня руки из того самого места?!))
Делаю так:
[spoiler]
.batton-br {
   background: #0000FF url(img/download-png-6.png);
   color: #fff;
   text-shadow: 1px 1px 8px #fff, 0 0 5em #fff;
   border-radius: 8px;
   display: block;
   width: 210px;
   padding: 10px;
   margin: 0 auto;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
   border: 1px solid #0000FF;
   margin-bottom: 10px;

}
[/spoiler]
Картинка не появляется, надпись тускнеет... пробовал без цвета (#0000FF), но тогда кнопка полностью пустая

[tartaren]

Сокращённая запись background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;
Найдите в поиске и внимательно почитайте.

[REDFOX]

Сокращённая запись background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;
Найдите в поиске и внимательно почитайте.

Тоже не помогло, уже и размер картинки изменил, чтобы она в кнопку помещалась, но ее как не было внутри кнопки, так и нет... Проверил на тестовом сайте - результата тоже нет.

[tartaren]

Можете дать ссылку на сайт?

[REDFOX]

Можете дать ссылку на сайт?

http://teeest1.ucoz.net/load/sis_i/1-1-0-2

[tartaren]

Уберите вот это:
    background-attachment: fixed;
    background-position: right center;
и посмотрите результат

Вообще конечно этот укоз ужасный и громкий ужас, имею в виду структуру HTML на указанной странице.