title: CSS Positioning Incorrect in Internet Explorer when Using JQuery Method
body: <p>Having code like this below: </p>
  
  <pre><code>ImageGroup.append("image")
          .attr("href", "element.svg")
          .attr("x", "50%")
          .attr("y", "50%")
          .attr("id", "image");
  </code></pre>
  
  <p>there is a problem in Internet Explorer. After loading page object is positioned <strong>at the top of the website</strong>. If I do <strong>any change in css</strong>, image goes to correct place. I don't really how to find any information to solve that.</p>