SVG-Bild wird im IE viel zu klein angezeigt

[Yogibaer]

Hallo zusammen, hier mein Code:

<td align="center" colspan=2 >     
   <figure >
   <figcaption><h2>Schulen in den Kreisen<h2></figcaption>
   
     <svg viewBox="1 1 800 650" >
       <defs> 
         <style>		 
           rect:hover {
	       fill: white;
	       opacity:0.5;}
		   circle:hover {
	       fill: white;
	       opacity:0.5;}
         </style>
       </defs> 
 
  <image x="60" y="5" with="650" height=100% link:href="Ostwestfalen-Lippe-1779789.jpg">
    <title>RB Detmold Karte</title>
  </image>	 
  
  <a xlink:href="Bielefeld.html" target="_blank" >
    <circle cx="270" cy="315" r="35" opacity="0"/>  
    <title>Schulen in Bielefeld</title>
  </a>
  
  <a xlink:href="Minden.html" target="_blank">
    <rect x="200" y="35" opacity="0" width="260" height="140" />
	<title>Schulen im Kreis Minden</title>
  </a>
  
  <a xlink:href="Herford.html" target="_blank">
    <circle cx="290" cy="225" opacity="0" r="50" />
	<title>Schulen im Kreis Herford</title>
  </a>
  
  <a xlink:href="Lippe.html" target="_blank">
    <circle cx="390" cy="315" opacity="0" r="80"/>
	<title>Schulen im Kreis Lippe</title>
  </a>
  
  <a xlink:href="Guetersloh.html" target="_blank">
    <circle cx="190" cy="315" opacity="0" r="60"/>  
    <circle cx="210" cy="385" opacity="0" r="60"/>
	<title>Schulen im Kreis Gütersloh</title>
  </a>
   <a xlink:href="Paderborn.html" target="_blank">
    <circle cx="320" cy="485" opacity="0" r="90"/>
	<title>Schulen im Kreis Paderborn</title>
  </a>
   <a xlink:href="Hoexter.html" target="_blank">
    <rect x="410" y="385" opacity="0" width="150" height="200" />
	<title>Schulen im Kreis Höxter</title>
  </a>
 </svg> 
</figure>  
 </td>