Como produzir o mesmo resultado em diferentes navegadores ao incorporar o arquivo SVG no código HTML?

Eu começo a ter uma solução para minha pergunta anteriorSobreposição de diagramas SVG no mapa do google.

Mas eu tenho outro problema (menor). Eu estou usando o Firefox 3.5 e Safari 4 (no Mac), e quando estou incorporando SVG em um XHTML, eu não tenho o mesmo resultado.

Eu posso usar o<object> ou o<embedded> elementos (mas acho que o último é obsoleto). Eu os uso assim:

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

E o tamanho e a escala do SVG não é o mesmo com o Firefox e o Safari. No meu SVG, owidth, height eviewBox são definidos.

Existe uma maneira de ter o mesmo resultado com todos os navegadores (não me importo com o IE que não suporte SVG ..., então "todos os navegadores" significa pelo menos as versões mais recentes do Firefox, Opera e Safari) ?? Talvez algo que eu tenha esquecido de definir?

EDIT: Eu também notei que com<object>, o SVG é transparente com FF, mas não transparente com o Safari ... :( Existe uma maneira "padrão" de incluir um SVG ??

obrigado pela ajuda

questionAnswers(2)

yourAnswerToTheQuestion