A lo que te entendi:
Realizas el cuerpo de tu pagina con Photoshop, luego recortas y guardas para web, luego a la hora de insertar inputs la imagen se desmadra como tu dices; bueno como las imagenes las haces con photoshop no hay porque modificar el tamaño, ahora todo se encuentra en una tabla, entonces lleva las imagenes al <td> de la tabla en su propiedad background, colocalas ahi, y luego dentro de esta celda coloca lo que quieras que no exeda el tamaño de la imagen, es decir regula el tamaño del text con su propiedad size.
Ejemplo:
'Asi se encuentra al principio
<table>
<tr>
<td><img scr="./Imagen.jpg"><td>
</tr>
</table>
'Asi seria que lo cambies
<table>
<tr>
<td background="./Imagen.jpg">
<!-- Aqui colocas los input o lo que quieras -->
</td>
</tr>
</table>
No se si te entendi bien, espero que si
Salu2
