All Css Style Rules Are Stripped From One Div Element But No Other Elements

I am trying to create a header for a website where the title of the site is displayed over an image. I set it up to use a div class element with a background image. However, I can'

Solution 1:

Remove the ; from your class:

<div class="text-over-image;">

It should be just <div class="text-over-image">

jsFiddle example

Solution 2:

I read your css and after that I just came to this point! There is no legal h8 element in HTML.

So I guess the issue is the usage of h8, try replacing it with h6.