I have the following HTML:

<!-- language: lang-html -->

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

And the following CSS:

<!-- language: lang-css -->

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

jsFiddle

In Internet Explorer, the right side is jagged

But it appears just fine in Chrome

How can I fix it for all browsers / internet explorer?

EDIT - This issue is happening for me in IE 9 64-bit edition

I think the best way would be to override the default css. Here is what worked for me

<!-- language: lang-css -->

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

This way, it displays uniformly and with the same color across all the browsers

jsFiddle