Div Inside A Parent Div That Has A Class col-md-2 Is Overlapping In Internet Explorer 11

Hello,
I have a div inside a parent div that overlaps when rendered in Internet Explorer 11 browser. The parent div has a col-md-2 class. Other browsers such as Edge, Firefox and Chrome doesn't show this irregularity. After doing some spikes and testing, the solution for this is to set the child div's class to "row".

<div class="row" id="chartReport"></div>

And in your css, remove the width and margin styles of the child div.

#chartReport {
    border: 2px solid lightgray;
    background-color: white;
    /*width: 300px;*/
    /*margin: 15px;*/
}

Cheers!