daredevi1

Все правильно. Последнее свойство перебьет предыдущее. Я бы сделал так. Создаешь div. На него градиент. Потом внутри этого блока создаешь еще один, с нужной тебе картинкой на бэкграунде. Ну и еще + задаешь псевдоклассы :active и :hover для большей схожести с кнопками

Есть таблица. Вот самый простой пример: HTML: <table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> CSS: table { width: 100%; height: 100px; } td { width: 25%; background-color: red; height: 100%; border: 1px solid black; } td:hover { background-color: cyan; } Проблема в том что в Chrome и Safari если навести ровненько между ячейками ховер не срабатывает ни на одной из них. С другими браузерами проблем нет. Вот пример:ссылка