How to size SVG logo in Safari?

Question

css

Safari 5.1.7 distorts logo dimensions:

HTML:

<div id=logo">
<a href="/" alt="">
<img src="logo.svg" alt="logo" itemprop="contentUrl">
</a>
</div>

CSS:

#logo img {
  display: block;
  max-width: 100%;
  width: 140px;
  height: 100px;
  margin: 0;
}

How to fix?

Answer 1

Duplication for div helped:

#logo {
width: 140px;
height: 100px;
}

and adding for img:

#logo img {
border:none;
}

A good example of a svg logo without bugs and cross-browser is here .