CSS Sprites on Table TD

[WPG]

I have a problem with CSS sprites, I want to make a menu with css sprites (like on every single site on earth ^^) but there's not ONE browser on the planet that can read it, this is my problem http://jocolina.commy css is:\[code\] #menuMusica{width:340px;height:190px;background:url('images/menuMusic.png') 0px 0px;} #menuMusica a:hover{background: url('images/menuMusic.png') 0px -190px; } \[/code\]and my HTML\[code\] <div id="menu"><table cellspacing=100px><tr> <td id="menuMusica" onmouseover="soundGuitar();"><a href="javascript:;" onclick="alerter('This site is under construction! Come back soon. You can always follow me on Facebook and Twitter!');"><img src="http://stackoverflow.com/questions/13825376/images/menuP.png" border=0></a></td> <td id="menuPhoto" onmouseover="soundPhoto();"><a href="http://stackoverflow.com/questions/13825376/photo/index.html"><img src="http://stackoverflow.com/questions/13825376/images/menuP.png" border=0></a></td></tr></table></div>\[/code\]Thanks to everyone!!