css - background-position y axis issue in mozilla firefox -

css - background-position y axis issue in mozilla firefox -

i trying , not working. works fine in chrome not in mozilla firefox. property not supported ? alternative?

.background { background:url('icon.png') no-repeat; background-position:0 4; width:32px; height:40px; }

just started css.

background position values required have unit value non-zero positions. if want icon 4px off top, alter to:

background-position: 0 4px;

you can include position in shorthand, so:

background: url('icon.png') 0px 4px no-repeat;

css