Border-radius display outline in IE

[Vishal Somani]

When border-radius is applied to a div having height or width or margin in fraction (decimal) pixel then outer line display for that div.
I am added VALID HTML5 DOCTYPE. This issue is for all versions of IE.

[Beverleyh]

Sorry, I don’t understand the question/issues. Can you provide a demo and more clearly state/describe the problem?

[Vishal Somani]

http://jsfiddle.net/qgcw7s7x/1/

Here I apply border-radius to div. It looks good in all other browser except IE. In IE background color slightly overlay on div. I think this problem is because of margin is in decimal point with border-radius.

[Paulie_D]

Cannot reproduce the issue but there may be sub-pixel rounding anti-aliasing going on.

You should avoid using fractional pixels as a matter of course…there really is no need for it and what does a fractional pixel look like anyway?

[Author]

Posts