border-radius doesn't work on IE10

Question

I need to have a container \"DIV\" with rounded corners. The following code works perfectly on all browsers except my IE10. I have no clue how to do in order to make it work

Answer 1

The behaviour of border radius is affected by compatibility mode in IE10.

If you press F12 you can view the developer console and change the compatability settings.

If the Document mode is set to IE7 or IE8 Standards then the border-radius 5px doesn't work, however if the standards mode is set to IE9 Standards or Standards then it behaves as expected.

I have ended up turning off compatibility mode as it also breaks the behaviour of other websites I use.

Ravenstar68