Проблема с CSS кнопками

[vachtang]

Добрый день,

Проблема вот в чём:

Описываю кнопку в сss:
картинкa button_114x25.gif на фоне c белым треугольником на краю а сама прозрачная

/*button*/
.button_new_green div a {
 padding-top: 5px;
 padding-left: 10px;
 color: white;
 text-decoration: none;
 display: block;
 background-color: #59AAB3;
 background-image : url('/img/button_114x25.gif');
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 width: 104px;
 height: 20px;
}

.button_new_green div a.active, .button_new_green div a:hover {
 background-color: #83C2CC;
 background-image : url('/img/button_114x25.gif');
}
/*button end*/

описываю html так:

<td class="button_new_green"><div>[Только зарегистрированные пользователи могут видеть ссылки. ]</div></td>

Проблема в том:
При попытке поменять цвет кнопки и тот цвет когда наводиш на кнопку, мне надо сново описывать новый класс, но с другим цветом.

Как сделать так чтобы описав один класс я мог бы легко менять цвет и тот который видимый и тот который когда наводим на кнопку, тоесть ( background-color: #59AAB3; и background-color: #83C2CC

Спасибо за ответы

[null]

не понял вопроса...

HTML:
<a class="button">Текст кнопки</a>

CSS:
a.button {размеры, шрифт... бла, бла; background: #59AAB3 url(картинко); }
a.button:hover {background-color: #59AAB3}

что смущает?


зы: тема, я думаю в верстку

[Melnaron]

цвет прописывай не в CSS классе а в самом обьекте.. тогда ты его просто сможешь поменять this.style.background-color = &#39;#59AAB3&#39;