Help Needed: Strange IE9 Rendering Issue
I'm experiencing an odd rendering problem in Internet Explorer 9.
You see those little white dots on the left? What could be causing them? Any suggestions on how to remove them?
Microsoft, why always so mysterious?! *shakes fist at the sky*
Here is the CSS responsible for styling this adorable button:
.button {
position: absolute;
background: #356BB1;
font-size: 18px;
color: white;
padding: 16px 40px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
-moz-box-shadow: 0 0 35px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
Interestingly, these dots only appear after the button animation plays out. I should note that I am using VMware Fusion to run IE9, which may affect the issue.
Thank you in advance for any help or insights!