<img> em <table> sem espaços
Estou tentando colocar duas imagens lado a lado dentro de um<td> (também tentei um<td> para cada img), mas possui alguns espaços em branco entre as imagens e não entendo de onde elas vêm .. Posso resolver meu problema usando float, mas estou tentando evitar isso. Se alguém puder me explicar por que isso acontece. Peguei algumas dicas de outras perguntas, mas não funciona.
Aqui está o meu código:
<html>
<head>
<style "text/css">
td, tr, img { padding: 0px; margin: 0px; border: none; }
table { border-collapse: collapse;}
</style>
</head>
<body style="background: black;">
<center>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<img alt="" title="" src="http://i.min.us/ijCTdY.jpg" />
</td>
</tr>
<tr>
<td>
<img alt="" title="" src="http://i.min.us/jj7Yt6.jpg"/>
<img alt="" title="" src="http://i.min.us/ijCo96.jpg"/>
</td>
</tr>
</table>
</center>
</body>
você pode perceber que a imagem superior tem 800 px de altura e a outra tem 400 px cada, o que eu preciso é um pouco quadrada, sem espaços entre as imagens.