Не работает перекатывание картинки в Хроме и Опере

[roland]

Собственно код

.enter {background: url("../img/enter.png");    display: inline-block;    width: 170px;    height: 42px;	position: relative;margin-left: 20px;cursor: pointer;    font-family: Arial, sans-serif;    font-size: 20px;    font-stretch: condensed;    font-style: italic;    font-weight: bold;    color: #7F5B2B;    line-height: 42px;    text-align: center;    text-decoration: none;    text-shadow: 1px 2px 3px rgba(255,255,255,0.5);    -webkit-background-clip: text;       -moz-background-clip: text;          background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}

<button class="enter" onclick="submit();" type="submit">ВОЙТИ</button><a href="{registration-link}"><div class="enter">РЕГИСТРАЦИЯ</div></a>

Проблема в браузерах или в моих кривых руках?

[ows.nightwolf]

Все работает, просто у вас фон не видно т.к. текст непрозрачный. Назначьте color: transparent. Кстати, свойство background-clip: text не поддерживается ни одним браузером, кроме хрома и оперы, так что его применение нежелательно.

[roland]

Спасибо помогло удаление background-clip