Правая сторона FIELDSET зазубренным в IE

Question

У меня есть следующие HTML:

<div class="body-content"> 
    <fieldset class="EntryFieldSet"> 
     <legend id="ScreeningTitle"> Screening:</legend> 
     <br/><br/> 
    </fieldset> 
</div> 

И следующий CSS:

.body-content { 
    width: 300px; 
    border: 1px solid black; 
    background-color: #F5F5F5 /*whitesmoke*/; 
} 
.EntryFieldSet { 
    width: 250px; 
    padding-left: 15px; 
    overflow: hidden; 
} 

jsFiddle

В Internet Explorer, правая сторона зубчатая

Но, похоже, просто отлично в Chrome

Как я могу это исправить для всех браузеров/Internet Explorer?

EDIT - Эта проблема происходит для меня в IE 9 64-разрядная версия

Answer 1

Я думаю, что лучше всего было бы переопределить CSS по умолчанию. Вот то, что работает для меня

.EntryFieldSet { 
    border-radius: 0px; 
    -moz-border-radius: 0px; 
    border: solid 1px darkgray; 
} 

Таким образом, он отображает равномерно и с тем же цветом во всех браузерах

jsFiddle

Answer 2

Применяя нулевую border-radius к FIELDSET, я был в состоянии заставить его прекратить попытки применить один браузер по умолчанию , так что теперь он делает правильно

.EntryFieldSet { 
    /* other properties */ 
    -moz-border-radius: 0px; 
     border-radius: 0px; 
} 

jsFiddle

Пример:

Answer 3

меня улучшить ошибку, только немного ..

.EntryFieldSet { 
     width: 250px; 
     padding-left: 15px; 
     overflow: hidden; 
     border-top-right-radius: 3px; 
     -webkit-top-right-radius: 3px; 
     -moz-border-top-right-radius: 3px; 
     border-top-right-radius: 0px\9; 
     border-top-right-radius: 0px\0/; 

    }