I've been working on improving a website by using display: table, but I'm running into issues with Internet Explorer. Instead of displaying multiple cells in one row, IE is aligning them all in a single column. I even tried to set a pink background color for debugging purposes, but IE doesn't seem to show it.
Any suggestions for fixing this issue?
.Table
{
display: table;
background: #ff69b4;
}
.Title
{
display: table-header-group;
width: 100%;
}
.Row
{
display: table-row;
}
.Cell
{
display: table-cell;
padding-left: 5px;
padding-right: 5px;
min-height: 80px;
min-width: 200px;
}
This code works perfectly in almost every other browser except IE.