<!DOCTYPE html>
<style>
div {
background-image: -webkit-repeating-linear-gradient(top left, white, blue 90px);
background-origin: content-box;
}
#a {
padding: 0.1px;
width: 99.8px;
height: 99.8px;
}
#b {
border: 1.1px solid black;
width: 97.8px;
height: 97.8px;
}
</style>
<div id=a></div>
<div id=b></div>
The gradients should fill the entire boxes and not repeat.