css - Border radius effect with IE9 and a solid border -


i noticed address link styled button not show radius in ie9 when using css below:

a.btn {     background: #f00;     color:#333;     font-size:12px;     padding: 3px 4px 3px 4px;     border:1px solid #444;     border-radius:3px 3px 3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px;     cursor:default; } 

css example

when remove border:1px solid #444; nice curved border appears.

is bug ie? in firefox works good. else seen this? seems happens when border-radius set low value. know not important on scale of things i'm interested hear if knows why radius doesn't show.

it works me. check using

border-radius: 20px; 

http://jsfiddle.net/6nr2n/1/

http://prntscr.com/2djxa


Comments

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

actionscript 3 - TweenLite does not work with object -

jQuery Ajax Render Fragments OR Whole Page -