тд css работает в хроме но не в IE

Я хочу опубликовать некоторые в таблице, где ширина таблицы td, цвета BG разные. Я разработал следующий css, который отлично работает в Chrome и Fire fox, но не дает необходимого выхода в Internet Explorer. Может ли кто-нибудь помочь мне в этом отношении.

HTML:

<td class="td_1">Games</td>
<td class="td_2">Sports</td>

CSS:

.td_1 {    
  width:200px; 
  height:50px;
  max-width:200px;
  min-width:200px; 
  max-height:50px; 
  min-height:50px;
  background-color: yellow;
  color: red;
}
.td_2 {    
  width:300px; 
  height:50px;
  max-width:300px;
  min-width:300px; 
  max-height:50px; 
  min-height:50px;
  background-color: blue;
  color: white;
}