css3 - Different CSS position of a single letter in IE 9/10 vs. Chrome 35 -


the x inside red box has in ie 9/10 offset left side of ~5px not there in crome/ff. can explain me why? , if there way fix css?

example here:

http://codepen.io/anon/pen/ptars

result:
crome (latest):

ie 10:

css/html code:

<!doctype html> <html> <head><meta charset="utf-8"></head> <body>  <style> div.pseudo{     position: relative;     margin: 10px;     background-color: orange;     width: 20px;     height: 20px;     border: 1px solid red;     padding: 5px; } div.pseudo:after{     content : "✘";     position: absolute;     left:0;     top:0;     font-size: 20px;     color: black; } </style>   <div class="pseudo"></div> </body> </html> 


Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -