There's a bug in IE (including v11) that causes the text-align value on <table> to be ignored, resulting in the headers to appear centered:
(All other browsers show the <th> cells left-aligned)
A workaround is to set text:align: inherit on the <th> element. Searching the Canon code base, I didn't see any pattern for handling browser-specific quirks, so I dropped the workaround in-line with the rest of the <th> styling.
bradgignac
commented
9 years ago
There's a bug in IE (including v11) that causes the
text-alignvalue on<table>to be ignored, resulting in the headers to appear centered:(All other browsers show the
<th>cells left-aligned)A workaround is to set
text:align: inheriton the<th>element. Searching the Canon code base, I didn't see any pattern for handling browser-specific quirks, so I dropped the workaround in-line with the rest of the<th>styling.