IE11 border radius and border bug
I have an odd visual bug in IE11 as you can see in image here > http://www.jonwallacedesign.biz/ie11.png See the odd effect on corners of the white "WHY USE US" li button.... The combination of border-radius , background-image and border: 1px solid #colour seems to be creating this odd horrid effect. Anyone know of a solution to fix? CSS of the LI is: background-image: url("../images/core/primnavItemBG_sprite.png"); background-position: 0 0; border: 1px solid #FFFFFF; border-radius: 6px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); color: #2062AF; font-family: 'Montserrat',Helvetica,Arial,sans