title: The CSS style not applied until refresh
body: <p>I have a webpage with the following CSS style that overrides some higher level styles.</p>
  
  <pre><code>#pnlActions { 
      background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#000));
      background-image: -webkit-linear-gradient(#000,#000);
      background-image: -moz-linear-gradient(#000,#000);
      background-image: -ms-linear-gradient(#000,#000);
      background-image: -o-linear-gradient(#000,#000);
      background-image: linear-gradient(#000,#000);               
  }
  </code></pre>
  
  <p>The odd thing is that the first time I load the page, the styles are completely ignored until I refresh the page - then the styles are applied.  Then I'll quit the browser, load the page again and the styles are no longer applied (until I refresh the page).</p>
  
  <p>I can tell all this from chrome/firefox/ie browser tools.</p>
  
  <p>I am at a complete loss to explain why this is happening.  Any ideas? </p>