Потому что(внимание на "прозрачные" дырки меж чёрточками):
<div style="border:10px dashed #00f;background:#0f0;height:20px"></div>
В современных браузерах есть специальное свойство
background-clip:
<div style="border:10px dashed #00f;background:#0f0;height:20px; background-clip:padding-box;"></div>