I found references to this werid behaviour, however it seemed to affect the displayed indentation for both tabs and spaces, and not ignore one while adhering to the other.

The solution actually turned out quite simple. The only thing you needed was an element inside the <pre> tag with the display: block; property set. And you don’t even need to move the padding away from the <pre> tag.