Tengo un pequeño problema con la validacion de estas css sprite
Código:
.s{background-image:url(http://ico.flashgames312.com/ico.png);background-color:transparent;background-repeat:no-repeat;}
#f{height:30px;width:30px;background-position:0 0;}
#t{height:30px;width:30px;background-position:-30px 0;}
#r{height:30px;width:30px;background-position:-60px 0;}
#h{height:30px;width:30px;background-position:-90px 0;}
Código:
<table><tr>
<td><a href="javascript:add()" title="add FlashGames312.com"><div class="s" id="h"> </div></a></td>
<td><a href="http://flashgames312.com/rss/" target="_blank" title="rss"><div class="s" id="r"><i></i></div></a></td>
<td><a href="http://twitter.com/FlashGames312" rel="nofollow" target="_blank" title="twitter"><div class="s" id="t"></div></a></td>
<td><a href="http://www.facebook.com/pages/FlashGames312/196054943764917" rel="nofollow" target="_blank" title="facebook"><div class="s" id="f"></div></a></td>
</tr></table>
me da como error que el div esta vacio y realmente es asi, trate de meter la imagen quitando el div pero no logro conseguir que queden como toca la imagen se chafa.
la web donde esta este fallo de validacion es la de mi firma