Question

I have this CSS code:

html {
    overflow-y: scroll;
}

body {
    background-color: #e4e4e4;
    font-size: 12px;
    font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
    line-height: 1.6;
    color: #555;
}

#wrapper {
    width:950px;
    position: relative;
    margin: 20px auto;
    background-color: #fff;
    border: 1px solid #333;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

In Chrome it works perfectly, the wrapper is in the middle of any screen resolution and has curve border.

But very big trouble when it comes to IE9, the wrapper sticks to the left, the border doesn’t show and other stuff.

Answer 1

See this post regarding rounded corners and IE 9 – IE9 border-radius

PS – Went to go troubleshoot this in IE9 on my VM and jsfiddle doesn’t work in IE9 lol.