Retornemos al tema con el "XHTML 1.0 Strict", todos los estilos en la cabeza y sin errores en los códigos. Y lo que es más importante, sin la separación que tanta guerra ha dado a
Astut 
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es"> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> * {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
padding: 20px;
background: #000;
}
table, tr, td {
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
background:#cdcdcd;
overflow: hidden;
}
table {width:60px;} /*para ie7, sin ella ocupa el 100% del body*/
tr {height:20px; float: left; clear:both;}
td {text-align: center;}
td img {
height:20px;
width:20px;}
<td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td> <td><img src="imagen.gif" alt="" /></td>
No estoy muy seguro de lo ortodoxo que habré sido en el uso de alguna propiedad en algún elemento (especialmente el "float: left; clear:both;" de las filas), pero... es efectivo
Espero que puedas adaptarlo a tu proyecto.
Un saludo.
P.D.: la imagen es el cuadrado verde utilizado por
Deirdre en el #16.