Issue with CSS3 and background images

[toplisek]

I have code to place icons like:
.error {
background: #EE4366 url(images/erroricon1.gif) no-repeat 28px 28px !important ;
border-color: #E83D88;
}

When I place background: there is an issue that background-image: -webkit-gradient will not work. How to do in the correct way to publish gradient controls and icon will be seen?

Issue: #EE4366 will be priority and see as #EE4366 but gradient control will be lost.

Is it possible background-image and also background?

[hataman]

use only
background-color:#EE4366;
background-image:url(images/erroricon1.gif);
background-repeat: no-repeat;
background-size:28px 28px;

and after use gradient background