¿Cómo producir el mismo resultado en diferentes navegadores al incrustar un archivo SVG en un código HTML?

Comienzo a tener una solución para mi pregunta anterior.Superponer diagramas SVG en google map.

Pero tengo otro problema (más pequeño). Estoy usando Firefox 3.5 y Safari 4 (en Mac), y cuando estoy incrustando SVG en un XHTML, no tengo el mismo resultado.

Puedo usar el<object> o la<embedded> Elementos (pero creo que el último está en desuso). Los uso así:

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

Y el tamaño y la escala del SVG no son lo mismo con Firefox y Safari. En mi SVG, elwidth, height yviewBox están definidos.

¿Hay alguna manera de obtener el mismo resultado con todos los navegadores? ?? ¿Tal vez algo que olvidé definir?

EDIT: también me di cuenta de que con<object>, el SVG es transparente con FF, pero no transparente con Safari ... :( ¿Hay una forma "estándar" de incluir un SVG?

Gracias por tu ayuda

Respuestas a la pregunta(2)

Su respuesta a la pregunta