<img> en <table> sin espacios
stoy tratando de poner dos imágenes una al lado de la otra dentro de una<td> (también probé uno<td> para cada img), pero tiene algunos espacios en blanco entre las imágenes, y no entiendo de dónde vienen ... Puedo resolver mi problema usando float, pero estoy tratando de evitarlo. Si alguien me puede explicar por qué sucede esto. Tomé algunos consejos de otras preguntas, pero no funciona.
Aquí está mi 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>
puede notar que la imagen superior tiene una altura de 800 px, y las otras tienen 400px cada una, lo que necesito es un poco cuadrado, sin espacios entre las imágenes.