HTML - Unir el fondo imagen en 2 td's

Buenas. Tengo la siguiente estructura html:
"<div >"
" <table>"
" <tr>"
" <td class="Clase1">AA</td>"
" <td class="Clase2">BB</td>"
" <td class="Clase3">CC</td>"
" </tr>"
" </table>"
"</div>"
En mi hoja de estilos tengo:
.Clase1 { background-image:url('imagenes/Imagen1.png'); background-repeat: no-repeat; }
.Clase2 { background-image:url('imagenes/Imagen2.png'); background-repeat: no-repeat; }
Me gustaría que la imagen de la clase 2 fuese la misma que la clase 3, pero uniendo las 2 td's (es decir, como hacer un colspan entre el y el pero sólo a nivel de background-image, no a nivel de contenido de los td's) Espero haber explicado mi duda de forma clara Gracias

Podes hacer otra tabla en el segundo td, poniendo como fondo de tabla la imaen que queres, y separando las 2 celdas

"<div >"
" <table>"
" <tr>"
" <td class="Clase1">AA</td>"
" <td class="Clase2"><table><tr><td>BB</td><td>CC</td></tr></table></td>"
" </tr>"
" </table>"
"</div>"