CSS Hover + Background Image

Я создаю специальный элемент управления пользовательского интерфейса, используя HTML / CSS, чтобы имитировать кнопки панели управления Windows 7. Пока что у меня есть верстка, и теперь я Я бы хотел добавить к нему косметику.

Как видно здесь, есть градиент, который появляется, когда вы наводите курсор мыши на кнопку.

http://m.cncfps.com/zack/files/this -control.png

Теперь вы можете увидеть здесь , что я сделал макет. Я хотел бы добавить эффект : hover ко всему элементу div с фоновым изображением.

В настоящее время вот что у меня есть для CSS, но он не работает. Изображение не отображается в IE8 или FireFox

РЕДАКТИРОВАТЬ: Он работает в Chrome, но не в FireFox или IE.

#cp .cp-item:hover
{
    background:url(images/hoverbg.png) repeat-x;
}

Однако он работает с цветом фона , а не с изображение.