Unable to set specific background properties

Question

Hi!
I'm trying to set this properties in portal-skin.css:
.lateral .menu .atual, .lateral .menu .atual:hover {
     background: #002F42; /* Old browsers */
     background: -moz-linear-gradient(top, #002F42 0%, #00425B 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002F42), color-stop(100%,#00425B)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #002F42 0%,#00425B 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #002F42 0%,#00425B 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #002F42 0%,#00425B 100%); /* IE10+ */
     background: linear-gradient(to bottom, #002F42 0%,#00425B 100%); /* W3C */
     -pie-background: linear-gradient(#002F42, #00425B);
But when the page is rendered at the browser, this properties are ignored.
PS.: Jdeveloper consider this: "Illegal value for property: background".
How can i add this properties? Is impossible to do this?
Tks.

Answer 1

I don't fully understand the issue that you are facing. From your reply, it looks like the HTML for the components have the correct CSS classes applied. The actual style defined by these classes doesn't get applied.
Can you post the following
1) Code snippet of the view components where these styles are used? I am assuming it's a page template or a JSF fragment that you are trying to apply this style to.
2) The HTML source rendered for these components?
3) Also check the generated CSS to see if your style class definitions appear in it.