When running on dev server through VS 2010 all CSS displays properly. I publish to win server 2008 r2 with IIS 7, and when I open in IE 9 the inline-block doesnt work, the gradients dont work, and the box-shadow doesnt work. It strips out most of the CSS formatting, I load the same page in firefox and it looks the same as it does in IE 9 under the dev server. Code below: CSS file:
body {
}
#opsChartContainer
{
background: #FFFFFF;
margin: auto;
width: 600px;
padding-top: 15px;
font-family: helvetica, arial, sans-serif;
display: inline-table;
}
#oldestActiveCon
{
background: #FFFFFF;
margin: auto;
width: 300px;
padding-top: 15px;
font-family: helvetica, arial, sans-serif;
display: inline-table;
}
#incVolumeCon
{
background: #FFFFFF;
margin: auto;
width: 700px;
padding-top: 15px;
font-family: helvetica, arial, sans-serif;
display: inline-table;
}
#reqSLACon
{
background: #FFFFFF;
margin: auto;
width: 400px;
padding-top: 15px;
font-family: helvetica, arial, sans-serif;
display: inline-table;
}
h1
{
background: #e3e3e3;
background: -moz-linear-gradient(top, #fcfdfe, #8bb7e3);
background: -webkit-gradient(linear, left top, left bottom, from(#fcfdfe), to(#8bb7e3));
padding: 10px 20px;
margin-left: -20px;
margin-top: 0;
position: relative;
width: 70%;
-moz-box-shadow: 1px 1px 3px #292929;
-webkit-box-shadow: 1px 1px 3px #292929;
box-shadow: 3px 3px 3px #292929;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcfdfe, endColorstr=#8bb7e3)";
color: #454545;
text-shadow: 0 1px 0 white;
font-size: small;
font-weight: bold;
}
h2
{
background: #dde3d5;
padding: 10px 20px;
margin-left: 5px;
margin-top: 10px;
position: relative;
-moz-box-shadow: 1px 1px 3px #292929;
-webkit-box-shadow: 1px 1px 3px #292929;
box-shadow: 3px 3px 3px #b5baae;
color: #454545;
t