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