Hi I have svg rectangle within the div element. I have set the rect element height as 300. while checking the parent element (div) height has been shown as 304 why?

```
<div>
<svg width="300" height="300">
  <rect width="300" height="300" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>

 </div>

```

Sample Link: <http://jsfiddle.net/mkn9t627/7/>

[![enter image description here](https://i.stack.imgur.com/5C8OF.png)](https://i.stack.imgur.com/5C8OF.png)