background: url() no-repeat [negative length] [keyword] throws error

L.S.,

I may have encountered an error of the CSS validator, and as I didn't 
see a reference to it in the 'known problems' list, I figured I'd post 
it here.

The following line:

background: url(../path/to/image.jpg) no-repeat -24px bottom;

throws this error:

"Invalid number: background  Too many values or values are not 
recognized"


Replacing the 'bottom' value with a 100% percentage value:

background: url(../path/to/image.jpg) no-repeat -24px 100%;

makes the rule pass validation.

In the specs it states:
"Combinations of keyword, length and percentage values are allowed, 
(e.g., '50% 2cm' or 'center 2cm' or 'center 10%'). For combinations of 
keyword and non-keyword values, 'left' and 'right' may only be used as 
the first value, and 'top' and 'bottom' may only be used as the second 
value. Negative positions are allowed."
<http://www.w3.org/TR/CSS21/colors.html#background-properties>

If I have missed this one and it actually already is on the known 
issues list, I apologize for resubmitting it on this list.

With regards,


Jeroen Visser

Received on Sunday, 2 July 2006 13:16:08 UTC