Hi,
I have the following CSS code:
Combo,
Combo[BORDER] {
color: #4a4a4a;
background-color: #ecf1f7;
border: 1px solid #aaaaaa;
border-radius: 0px;
padding: 2px 5px;
background-image: none;
text-shadow: none;
box-shadow: none;
}
Combo.searchBox {
background-image: gradient(linear, left top, right top,
from( rgb(230, 230, 230) ),
to( rgb(180, 180, 180) )
);
border: 1px rgb(200, 200, 200);
}
Combo-Button.searchBox {
border-left: 0px;
background-color: rgb(220, 220, 220);
}
which I have registered the "searchBox" style with my combo widget.
This is what I get: 
As you can see, the gradient works beautifully, but the arrow area is still white in color. I can't seem to be able to style that part of the widget. What did I do wrong?
Thanks,
Ronald