不同浏览器之间表格单元格上的背景图像存在问题

Question

我有一个 css 设计，在 Firefox 中显示正确。但是，当使用 Firefox 或 Chrome 打开时，单元格的背景图像会出现问题。

问题在于带有背景图像的单元格被拉长。我不知道如何解决这个问题。我已经定义了单元格的大小，但 Chrome 和 Explorer 表不尊重该值。

<table  border="0" cellspacing="0" cellpadding="0" height="463px">
    <tr>
        <td rowspan="4" >
            <img src="images/principal.gif" border="0" lenght="1037px" height="463px"  />
        </td>
        <td height="146px" id="celda" style="padding:15px;background-image:url(images/capdreta.gif);background-repeat: no-repeat; border:0;" >
            <p class="titol"> Anuncio Publicitario</p><br />
            <p class="text">Inserte un anuncio <br/>publicitario en tu app</p> <br />
            <a href="#">Más Información</a>
        </td>
    </tr>
    <tr>
        <td><img src="images/iadd.gif" border="0"/></td> 
    </tr>
    <tr>
        <td height="111px" id="celda" style="padding:15px;background-image:url(images/spacegris.gif);background-repeat:">
            <p class="titol"> Anuncio Publicitario</p><br/>
            <p class="text"> Inserte un anuncio <br/>
            publicitario en tu app</p><br />
            <a href="#">Más Información</a>
        </td>   
    </tr>
    <tr>
        <td height="90"><img src="images/rss.gif" border="0"/></td>         
    </tr>
</table>

Answer 1

您的 标记应具有属性 width，而不是 lenght（该属性不存在）

请参阅演示（图像当然不起作用，因为我没有它们的网址）