<!DOCTYPE html>
<html>
<head>
<title>This tests that inline border is positioned properly.</title>
<style>
  div {
    position: absolute;
  }
  
  span {
    font-family: 'Ahem';
    font-size: 8px;
    border: 0.5px solid blue;
    color: white;
    padding: 1px;
  }
</style>
</head>
<body>
<p id="container"></p>
<script>
  var container = document.getElementById("container");
  for (i = 1; i < 10; ++i) {
    borderWidth = 0.5;
    for (j = 1; j < 10; ++j) {
      var e = document.createElement("div");
      e.style.top = (30 * i) + "px";
      e.style.left = (30 * j) + "px";

      var s = document.createElement("span");
      s.style.borderWidth = borderWidth + "px";
      s.innerHTML = "foo";

      e.appendChild(s);
      container.appendChild(e);
      borderWidth += 0.1;
    }
  }
</script>
</body>
</html>
