Background gradient WITH an image

1

Is there anyway to have both a background gradient and a background image on an text input tag? The gradient is for a caved in effect and the image is for a magnifying glass icon. I’ve tried several variations of the following CSS, but only succeeded on getting one or the other to show.


#search {
   background: -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.8));
   background: url(magnifier.png) 2% 35% no-repeat;
}