Browsers moving SVG elements around page breaks

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </body>

</html>

div {
  border: 2px solid red;
  display: block;
  height: 300px;
  width: 200px;
  margin-bottom: 20px;
}

[http://stackoverflow.com/questions/23523049/prevent-browsers-moving-svg-elements-around-page-breaks](http://stackoverflow.com/questions/23523049/prevent-browsers-moving-svg-elements-around-page-breaks)