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

Question

我正在向我们公司稍旧的网页添加一个新的“新闻容器”。这个容器由一个 2x3 的 table 组成。我希望单元格 2x2 与文本一样高。

问题来了:
每个人都在我们的办公室使用 IE(出于安全原因等)，但出于某种原因，IE 会忽略直接在 HTML(style="height:;"或 height="")或单独的 CSS 中给出的高度属性。所以在 Chrome 中它看起来像这样(它应该如何):

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

在 Internet Explorer 中是这样的:

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

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

自己看(Chrome和IE都打开)here.

如何让 IE 使用 Height 属性或者是否有其他方法？
浏览器版本: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>

Answer 1

我对 html 和 CSS 做了一些修改

工作 fiddle

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 的变化

1. 删除了 colspan
2. 在同一 TR 中添加图像 TD
3. 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;
}