Why are my CSS styles not working in IE 9 but they work in IE 8 and Chrome? In the code snippet below, the style cpHeader is defined in a separate CSS file. Any ideas on why IE 9 is failing to render the styles properly?
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h1>Welcome to the site</h1>
<div class="cpHeader">
<asp:Label ID="Label2" runat="server" Text="header text"></asp:Label>
</div> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
...
In Site.css
.cpHeader
{
color: white;
background-image:url('../Images/bg_sm.png');
font: bold 11px auto "Trebuchet MS", Verdana;
font-size: 14px;
cursor: pointer;
border-style:solid;
border-bottom-style:none;
border-width:1px;
border-color:#5A5A5A;
height:18px;
padding: 4px;
text-align:left;
}
EDIT: I came across a reference to a possible issue, but I'm unsure how to resolve it.