Hi
I've just upgrade to Windows 8.1 with IE 11 and suddenly the web site I am working on has a CSS problem, which was not there in IE 10, or Chrome. Using the following HTML I can reproduce it:-
<html><head><title>IE 11 Div With "border-radius" Bug.</title><style>
.div1
{
background-color: #bbbfd8;
border-radius: 1px 0 0 0;
}
.div2
{
background-color: #bbbfd8;
}</style></head><body><h1>IE 11 Div With "border-radius" Bug.</h1><div class="div1">Div 1</div><div class="div2">Div 2</div></body></html>This produces the following in IE:-
The problem is the white line between the Div 1 and Div 2 tags. Remove the "radius: 1px 0 0 0;" and it goes away.
I am sure lots of you have found this, but I though I would fill MSs forum with it, to make the point.
That said, does anyone suggest a good (won't break on other browsers) fix.
John