css3 - CSS Not Loading Correctly -

the following css causing headaches me. works on local server (ie) not in other browser. after adding this, none of css works.

txtblock {   font-family: "helvetica neue",helvetica,arial,sans-serif;   background: #2d2f33;   display: block;   height: 100%;   overflow: auto;   position: fixed;   right: -20em;   font-size: 15px;   top: 0;   width: 20em;   z-index: 2000;   transition: right 0.6s ease-in-out 0s;   -webkit-transition: right 0.6s ease-in-out 0s;   -moz-transition: right 0.6s ease-in-out 0s;   -o-transition: right 0.6s ease-in-out 0s;   opacity: .92;    text-shadow:-9px 9px 2px 0px rgba(0, 0, 0, 0.5);   -webkit-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);    -moz-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);    -o-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);    -ms-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);     } 

if flip this:

text-shadow:-9px 9px 2px 0px rgba(0, 0, 0, 0.5); -webkit-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);  -moz-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);  -o-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);  -ms-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 

it doesn't work in browser. assuming issue, because worked prior adding code.

my question offending piece of css cause of css crash? wondering if may have stood out someone. thank replies, appreciated.

i think problem 4 pixel values before colour - there should three:

• the first value = x-coordinate
• the second value = y-coordinate
• the third value = blur radius
• the fourth value = colour of shadow

if change css have 3 values before colour should work:

text-shadow:-9px 9px 2px rgba(0, 0, 0, 0.5); -webkit-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5);  -moz-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5);  -o-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5);  -ms-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5);  

example

more info text-shadow