On my webpage, I have a specific CSS style that overrides higher level styles. Here is the 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);
}
Interestingly, when I first load the page, the styles are completely ignored until I refresh the page. After refreshing, the styles are then applied. However, if I quit the browser and reload the page again, the styles are once again not applied until I refresh.
I can see all of this happening through the developer tools in Chrome, Firefox, and IE.
I am puzzled by this behavior and cannot explain why it is occurring. Any insights or ideas?