I am using some css to add a corner radius and box shadow to a div in my asp.net project
.DesktopContainerDiv
{
background-color:#C4D5E9;
box-shadow: 10px 10px 5px #888;
border-radius: 10px;
border-collapse: separate;
padding:10px;
width:60%;
min-width:800px;
margin: 20px auto;
text-align:center;
min-height:200px
}
This works fine when I run through the Visual Studio IDE (Hitting F5). But when I deploy it to my web server, if I load a page using IE9 is doesn’t display the box shadow and radius (Firefox and Chrome both show it correctly).
I have tried using UltiDev and IIS web servers and both behave the same so that eliminates that.
IE must be picking up the sytlesheet because it is turning the background blue so I can’t understand what the difference is between running in IDE and web server is.
This happened to me once before and the problem was solved by making sure the compatability mode was set to IE9
You can force this by putting
into your
<head>Edit: Or try: