header banner skewed

url: whyweshred.com

I just updated a new banner with different dimensions than the past one. The new banner is 1035px X 200px and it is being pulled odd. I have pasted below the css in the style sheet. However, when I change the dimensions in the style sheet nothing changes on the page.

#header {
/*background: url(“images/WWS-banner.jpg”) no-repeat scroll center top transparent;*/
background-image: url(“images/wws-header-banner.jpg”);
background-position: center top;
background-repeat: no-repeat;
background-size: 900px 261px;
clear: both;
color: #000000;
float: left;
/*height: 715px;*/
height: 411px;
position: top;
width: 100%;
position: relative;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
#header {
background-image: url(“images/[email protected]”);
}

In fact, nothing I change on the style sheet is having any affect on the page. Any ideas?