Confused on Custom CSS

I want to change the background color for the block titles, thinking that this css will do the trick.

.block-title {
background: url(“img/title-bg.png”) repeat-x scroll left bottom #EAF7FF;
}

so I paste that at the end of my New Css Styles section and no change.
When I use the firefox inspect element function this is what I see.
So I don’t understand why my custom css is crossed out presumably overridden by other css code.
I thought what I put in New Css Styles area always took precedence.
Here is what the inspector shows.