Chrome no muestra SVG referenciado a través de la etiqueta <img>
Estoy teniendo problemas con google chrome al no procesar svg con una etiqueta img. Esto sucede cuando se actualiza la página y la carga de la página inicial. Puedo hacer que la imagen se muestre mediante "Elemento de inspección", luego haga clic derecho en el archivo svg y abra el archivo svg en una nueva pestaña. La imagen svg se procesará en la página original.
<img src="../images/Aged-Brass.svg">
Totalmente perdido aquí en cuanto a cuál es el problema. La imagen svg se procesa bien en IE9 y FF, simplemente no en Chrome o Safari.
También tengo mis tipos MIME establecidos. (imagen / svg + xml)
EDITAR: Aquí hay una página html simple que construí para ayudar a ilustrar mi problema.
<!DOCTYPE html>
<html>
<head>
<title>SVG Test</title>
<style>
#BackgroundImage{
background: url('../images/Aged-Brass.svg') no-repeat scroll left top;
width: 400px;
height: 600px;
}
#ImageTag{
width: 400px;
height: 600px;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div id="ImageTag">
<img src="../images/Aged-Brass.svg">
</div>
<div id="BackgroundImage"></div>
</body>
</html>
Como puede ver, estoy tratando de usar un archivo svg tanto en una etiqueta img como en css como imagen de fondo. Ninguno de los trabajos en la página inicial se carga en chrome o safari. Cuando inspecciono el elemento haga clic derecho en svg o haga clic en el enlace para cargar svg en otra ventana, el archivo svg se mostrará en la pestaña original.