Problem with background images on table cells between different browsers

I have a design in css when displayed in Firefox appears correctly. But when opened with Firefox or Chrome there is a problem with the background images of the cells.

The problem is that cells with background images are elongated. I not sure how to fix this. I have defined the size of the cells but the Chrome and Explorer table do not respect this value.

<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/>
     开发者_JAVA技巧       <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>

Your <img> tag should have the property width instead of lenght (which doesn't exist)

See the demo (images won't work of course since I don't have their URLs)