title: CSS Not Loading Correctly
body: <p>The following CSS is causing headaches for me.  It works on the local server (IE) but not in any other browser. After adding this, none of my CSS works.</p>
  
  <pre><code>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); 
  
    }
  </code></pre>
  
  <p>If I flip it like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>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);
  </code></pre>
  
  <p>It doesn't work in any browser.  I am assuming this is the issue, because it worked prior to adding the code.</p>
  
  <p>My question is could the offending piece of CSS cause all of my CSS to crash?  I was just wondering if something may have stood out to someone.  Thank you for the replies, any help would be very appreciated.</p>