Highlight hovered email with box-shadow in userChrome.css

[stevesmith]

I am trying to apply some box shadow to the email under the cursor with the following code in userChrome.css:

Code: Select all

#threadTree treechildren::-moz-tree-cell(hover) {
	box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15) !important;
	background-color: yellow !important;
}

The CSS selector seems right as the background-color gets applied, but I can't get the box-shadow to work. No success either by adding the moz prefix (-moz-box-shadow) or by applying the same set of rules to "#threadTree treechildren::-moz-tree-row(hover)".

Any ideas how to get the shadow to appear?