title: Mobile Safari SVG Problem
body: <p>I'm trying to get an SVG image to show up on my iPhone (or iPad) default browser, but I can't seem to get even just a rect to show up. </p>
  
  <p>Example at: <a href="http://www.invalidpage.com/svg/svgtest.html" rel="noreferrer">http://www.invalidpage.com/svg/svgtest.html</a></p>
  
  <p>Source:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/html1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us"&gt;
    &lt;head&gt;
      &lt;title&gt;SVG iPhone Test&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div&gt;
        &lt;svg width="500" height="220"&gt;
          &lt;rect x="2" y="2" width="496" height="216" stroke="#000" stroke-width="2px" fill="transparent"&gt;&lt;/rect&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>