Broken borders in ie, no idea why

[john_c_1984]

http://jsfiddle.net/Q5AjL/

 

I am getting a strange affect in internet explorer. When I apply rounded corners the elements corners become broken.

 

I thought it might be something to do with my html page, the doc type etc... but when isolating the css into a jsfiddle i get the same results.

 

Has anyone else come accross this?

 

 

I currently have ie11. When i put ie 11 into developer mode the issue vanishes! So confusing.

 

I have attached some screen shot examples.

 

This is making the site look like it has some sort of desease..