html - Internet Explorer中忽略的HTML/CSS表高度

我在我们公司稍旧的网页上添加了一个新的“新闻容器”。
该容器由一个2x3的表格组成。我希望单元格2x2像文本一样高。

这是问题所在：
每个人都在我们的办公室中使用IE（出于安全原因等），但是出于某种原因，IE忽略了直接在HTML（style =“ height :;”或height =“”）或单独的CSS中指定的height属性。
因此，在Chrome浏览器中看起来像这样（应该如何）：

╔════════════════╗
╠══╦═════════════╣
║  ║Test String  ║
║  ╠═════════════╣
╚══╩═════════════╝

在Internet Explorer中，如下所示：

╔════════════════╗
╠══╦═════════════╣
║  ║Test String  ║
║  ║             ║
║  ╠═════════════╣
╚══╩═════════════╝

图片：http://imgur.com/a/jQXhQ

自己查看（在Chrome和IE中都打开）here.

如何让IE使用Height属性，或者是否有其他方法？
IE版本：11.0.9600.17358
更新：11.0.13

码：

<table id="NewsTable">
<tr>
    <th id="NewsHeader" colspan="2">IT Status</th>
</tr>
<tr>
    <td rowspan="2">
        <img id="NewsAmpel" alt="NewsStatus" src="Ampel/AmpelA.jpg" width="36px" height="100px">
    </td>
    <td id="NewsStatus"><b>Status:&emsp;&emsp;&emsp;&emsp;</b>Test String</td>
</tr>
<tr>
    <td id="NewsDesc"><b>Description:&emsp;</b>Sample Text</td>
</tr>

最佳答案

我在html和CSS中进行了一些更改

工作小提琴

http://jsfiddle.net/UzCRc/60/

的HTML

<table id="NewsTable">
    <tr>
        <th id="NewsHeader" colspan="2">IT Status</th>
    </tr>
    <tr>
        <td id="NewsAmpel">
            <img  alt="NewsStatus" src="Ampel/AmpelA.jpg" width="36px" height="100px">
        </td>
        <td id="NewsStatus"><b>Status:&emsp;&emsp;&emsp;&emsp;</b>Test String</td>
        <td id="NewsDesc"><b>Description:&emsp;</b>Sample Text</td>
    </tr>
</table>

的CSS

#NewsAmpel{
    width:36px;
}

body {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}
h1 {
    font-size: 15px;
    font-weight: bold;
}
h2 {
    font-size: 14px;
    body {
        font-family: Verdana, sans-serif;
        font-size: 13px;
    }
    h1 {
        font-size: 15px;
        font-weight: bold;
    }
    h2 {
        font-size: 14px;
        font-weight: bold;
    }
    img {
        border: 0;
    }
    a {
        color: #00538E;
    }
    #content {
        width: 100%;
        float: left;
    }
    #center {
        width: 600px;
        height: auto;
        margin: 0 auto;
    }
    font-weight: bold;
}
img {
    border: 0;
}
a {
    color: #00538E;
}
#content {
    width: 100%;
    float: left;
}
#center {
    width: 600px;
    height: auto;
    margin: 0 auto;
}
#NewsTable {
    border: 2px solid #000000;
    background-color: #FFFFFF;
    width: 100%;
}
#NewsStatus {
    height: 20px;
    padding:0;
    border-bottom: 1px solid #000000;
    width: 100%;
    vertical-align: top;
    display:block;
}
#NewsDesc {
    height: 20px;
    width: 100%;
    margin:0;
    padding:0;
    display:block;
}
#NewsHeader {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #000000;
    background-color: #FF1000;
}

HTML中的变化


删除colspan
在同一TR中添加了图像TD
ID已代替TD的图片


CSS变更

#NewsStatus {
    height: 20px;
    padding:0;
    border-bottom: 1px solid #000000;
    width: 100%;//modified
    vertical-align: top;
    display:block;//added
}
#NewsDesc {
    height: 20px;  //added
    width: 100%;//modified
    margin:0;
    padding:0;
    display:block;//added
}
#NewsAmpel{
    width:36px;
}