Как получить одинаковый результат в разных браузерах при встраивании SVG-файла в HTML-код?

Я начинаю иметь решение для моего предыдущего вопросаНаложение SVG-диаграмм на карту Google.

Но у меня есть другая (меньшая) проблема. Я использую Firefox 3.5 и Safari 4 (на Mac), и когда я встраиваю SVG в XHTML, у меня совсем нет одинакового результата.

Я могу использовать<object> или<embedded> элементы (но я думаю, что последний не рекомендуется). Я использую их так:

<div id="map_canvas" style="width: 900px; height: 900px">
  <object data="test.svg" width="100%" height="100%" type="image/svg+xml"/>
</div>

И размер и масштаб SVG не совпадают с Firefox и Safari. В моем SVGwidth, height а такжеviewBox определены.

Есть ли способ получить один и тот же результат со всеми браузерами (меня не волнует IE, который не поддерживает SVG ..., так что "все браузеры" означают, по крайней мере, последние версии Firefox, Opera и Safari ) ?? Может быть, я что-то забыл определить?

РЕДАКТИРОВАТЬ: я также заметил, что с<object>, SVG прозрачен с FF, но не прозрачен с Safari ... :( Существует ли «стандарт»? способ включить SVG ??

Спасибо за помощь

Ответы на вопрос(2)

Ваш ответ на вопрос