Horizontal scrolling for pre tags

I’m evaluating moving to the Hueman theme for my blog, but the first of a couple of major issues is that I’m having trouble with horizontal scrolling for pre tags. I have a child theme created, and added this to that style.css:

pre {
overflow: scroll;
overflow-x: scroll;
word-wrap: normal;
white-space: nowrap;
}

but it is clearly not working. this is a show stopper for me due to the technical nature of my blog. I’m playing with it here (much work to go, so other stuff doesn’t look great yet):
https://db2commerce.com/betasite3/2014/02/25/redesigning-tablespaces-in-an-existing-database/

The same post in my current theme – thesis – scrolls properly:
https://db2commerce.com/2014/02/25/redesigning-tablespaces-in-an-existing-database/

Can you point me towards what I might be doing wrong? Is it possible to have it not word-wrap in pre tags and to automatically put in the horizontal scroll bar when needed?

Thanks, Ember