Линейный градиент SVG не работает в Safari

У меня есть объект SVG, содержащий линейный градиент, встроенный непосредственно в документ. Он отлично работает в Chrome и Firefox, но в Safari ничего не отображается. Если я создаю SVG в виде файла и встраиваю его с помощью тега Object, он отлично работает в Safari. Другие формы и заливки работают, просто линейный градиент не работает. Думаю, я мог бы использовать объект, но я бы предпочел напрямую встроить SVG.

Я создал демонстрацию здесь (работает в Chrome, а не в Safari):http://jsfiddle.net/sjKbN/

Я наткнулся на этот ответ , который предлагает установить тип контента на application/xhtml+xml, но это само по себе, похоже, вызывает другие проблемы.

Просто интересно, сталкивался ли кто-нибудь с какими-либо другими исправлениями или идеями, чтобы заставить это работать.