Margin auto fails IE11

it doesn't work because the max-width;

Try this:

.bg-content {
    width: 605px;
    height: 149px;
    position: absolute;
    top: 62px;
    font-family: sans-serif;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

for a fixed position element :

left: 0;
right: 0:
width: 100%;
margin: 0 auto; 

You should use

width: 100%;

in your .bg-content element

Example: IE11 max-width & margin auto fix


The hack I always use for Internet Explorer (mostly for the older versions though), is setting the parent container text-align: center; and the container itself text-align: left;.

I have taken a look at your website, and the parent container seems to not have a default width. Please try setting it on width: 100%;. I tried that in the run-time environment, and it seemed to work.