Incluso para cosas de este tipo, el posicionamiento absoluto no es la mejor solución.
Podrías jugar un poco con
table,
table-row y
table-cell en la forma de mostrar los elementos.
Puedes hacerlo de tal forma que, luego simplemente cambiando el tamaño del contenedor —del campo— se adapte y siga todo en el mismo lugar relativamente al tamaño. O incluso poner las dimensiones del contenedor en medidas relativas.
La idea sería tener el campo dividido en cuatro franjas —portería, defensa, mediocampo y ataque— y cada franja divididas en las filas que necesites —1-4-4-2, 1-4-3-3, etc— y que se adapte todo de forma automática, para no tener que estar ajustado nada a mano.
Puse un ejemplo por aquí:
http://jsfiddle.net/8AXuA/