gradients used in inline svg in xhtml do not apply correctly -- in the linked example the black square should be a gradient fill, the others in the example are filters, and opacity tests.
Um... you seem to have simply been using the wrong id. you meant to use "orange_red" instead of "gradient" in your reference.