Firefox ignores tabs but not spaces in a pre tag

Sometimes HTML can be so frustrating. I love tabs in my code, however while styling the new blog theme I run into a Firefox only problem – despite being in a

 tag tabs would be ignored.

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

 tag with the display: block; property set. And you don’t even need to move the padding away from the