title: Rendering svg in IE 7/8
body: <p>Button displays fine in FF, Chrome, Safari. Will not render in IE 7/8.</p>
  
  <p>Here's the code I've been given:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
      &lt;head&gt;
        &lt;link rel="stylesheet" type="text/css" href="RadMenu.css"&gt;
      &lt;/head&gt;
    &lt;body&gt;
       &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;
       &lt;g id="g" shape-rendering="inherit" pointer-events="all"&gt;
       &lt;circle cx="400" cy="210" r="25.6" fill="white" stroke="#505055" strokewidth="2"&gt;
       &lt;/circle&gt;
         &lt;foreignObject x="383" y="192" width="32" height="32" id="PBtn16400210"&gt;
           &lt;html&gt;
           &lt;body&gt;
              &lt;div class="Btn3D" title="" style="width: 101%; height: 100%; background-color:   rgb(218, 184, 82); text-align: center; vertical-align: middle; background-position: initial initial; background-repeat: initial initial;"&gt;&lt;/div&gt;
           &lt;/body&gt;
           &lt;/html&gt;
        &lt;/foreignObject&gt;&lt;/g&gt;
       &lt;/svg&gt; 
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>