al padre:
Código HTML:
style="border: 1px solid #000000; width: 352px; height: 268px; z-index:0;"
al hijo:
Código HTML:
style="border: 1px solid #ff0000; width: 200px; height: 200px; z-index:1;"
cuanto mayor sea el z-index mas adelante tenemos la capa, y asi al hacer click en el hijo no te hara la del padre.
Esa es la teoria, ahora prueba en la practica ;)