title: Gridview header align to left, does not work on IE9, but it works on chrome
body: <p>I have a gridview which headers I want to align to the left.
  It works in chrome, but in IE 9 they are not aligned to the left.</p>
  
  <p>(I paste the entire code, in case some surrounded div is responsible of this behavior.)</p>
  
  <p><img src="https://i.stack.imgur.com/DK6Fp.png" alt="screenshot">
      
              
                  
              
              
                  
              
              
                  
              
              
                  
              
              </p>
  
  <pre><code>        &lt;div style="height: 300px; overflow: auto"&gt;
              &lt;asp:GridView ID="myGrid" 
                  AutoGenerateColumns="true"
                  runat="server" CellPadding="4" ForeColor="#333333" GridLines="None" Width="100%"&gt;
                  &lt;AlternatingRowStyle BackColor="White" ForeColor="#284775" /&gt;
                  &lt;EditRowStyle BackColor="#999999" /&gt;
                  &lt;FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" /&gt;
                  &lt;HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" /&gt;
                  &lt;PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" /&gt;
                  &lt;RowStyle BackColor="#F7F6F3" ForeColor="#333333" HorizontalAlign="Left"/&gt;
                  &lt;SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /&gt;
                  &lt;SortedAscendingCellStyle BackColor="#E9E7E2" /&gt;
                  &lt;So![enter image description here][1]rtedAscendingHeaderStyle BackColor="#506C8C" /&gt;
                  &lt;SortedDescendingCellStyle BackColor="#FFFDF8" /&gt;
                  &lt;SortedDescendingHeaderStyle BackColor="#6F8DAE" /&gt;
              &lt;/asp:GridView&gt;
          &lt;/div&gt;
          &lt;div style="margin-top: 20px; margin-left: 550px"&gt;
              &lt;asp:Button ID="btnClose" runat="server" Text="Close" /&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;asp:Label ID="lblError" runat="server" Text=""&gt;&lt;/asp:Label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Update1: CSS</p>
  
  <pre><code>#DeltaPlaceHolderMain #ctl00_PlaceHolderMain_myGrid tr:first-child{
      background-color:#eb8c00 !important;
      color:#FFF !important;
      }
  #DeltaPlaceHolderMain #ctl00_PlaceHolderMain_myGrid tr:first-child td{
      text-align:left;
      }
  
  #DeltaPlaceHolderMain #ctl00_PlaceHolderMain_myGrid tr{
      color:#404041 !important;
      }
  </code></pre>