Validacion para unas css sprite

[Carlos1979]

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">&nbsp;</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

[ArturoGallegos]

cuando quitas el div se que? no entendí eso de se chafa... por favor muéstranos unos screenshot de como se muestra y como debería mostrarse

te estas preocupando por validar el CSS pero te has olvidado del HTML, la tag <a> es un elemento de linea y no puede contener en su interior elementos tipo bloquee <div>

[Carlos1979]

En este momento trato de validar el HTML. se chafa, cuando trato de de sacar los <div class="s" id="h"> cambiandolos por el <img, la imagen se muestran las 4 sprite en el lugar de 1.

<td><a href="http://twitter.com/FlashGames312" rel="nofollow" target="_blank" title="twitter"><img style="height:30px;width:30px;background-position:-30px 0;" alt="twitter" src="http://ico.flashgames312.com/ico.png" /></a></td>

y no consigo validarlos y que sigan siendo sprites

[ArturoGallegos]

prueba con un gif de 1x1 transparente y nombralo spacer.gif

Código HTML:

<td>
    <a href="http://twitter.com/FlashGames312" rel="nofollow" target="_blank" title="twitter">
        <img alt="twitter" src="img/spacer.gif" class="s" id="r" />
    </a>
</td>
 

[Carlos1979]

Result: Passed

gracias !!