Header Image

Using a child theme for twentytwelve on a few sites. I like having the banner go full from side to side, but what works in Chrome, doesn’t line-up in IE. I’ve added pieces of code for different effects and not sure if they’re causing each other to have adverse effects.
Here’s my header code: (-40px -left works in Chrome)
.header-image {
margin-left: -20px;
margin-top: 0px;
margin-bottom: -20px;
width: 1040px;
height: 200px;
box-shadow: none;
max-width: none;
}
Here’s my body code:
@media screen and (min-width: 600px) {
.site {
max-width: 1022px;
max-width: 73.21428571rem;
}
}
.ie .site {
max-width: 1022px;
}
Thanks for this (and all the help) in these forums.