I'm having an issue with a css rule for IE that I need to write it properly in Sharepoint master page in order to be taken into consideration on page load in IE browser. The way I wrote the rule in the head of page, doesn't seem to be working for IE.
What I am doing wrong?
<head id="Head1" runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=10"/>
<!--[if IE]>
<style type="text/css">
#image{
position: relative;
}
.image-link {
background: url("/someimages/somedirectory/sometransparentpixel.png") 0 0 repeat;
margin-top: 10px;
}
</style>
<![endif]-->