Este exemplo mostra um arquivo HTML configurado com a propriedade BACKGROUND-POSITION:center ou BACKGROUND-POSITION:50% 50% que seria uma outra maneira que conseguir o mesmo efeito com a figura de fundo no centro do monitor.

<STYLE TYPE="text/css">
BODY {BACKGROUND-IMAGE: url(flower.jpe); BACKGROUND-REPEAT:no-repeat; BACKGROUND-POSITION:center}
</STYLE>

 

 

 

Ou então:

<STYLE TYPE="text/css">
BODY {BACKGROUND-IMAGE: url(flower.jpe); BACKGROUND-REPEAT:no-repeat; BACKGROUND-POSITION: 50% 50%}
</STYLE>

NOTA: Para o posisionamento de uma imagem é necessário usar em conjunto a propriedade BACKGROUND-REPEAT:no-repeat, caso contrário será assumida a condição "lado-a-lado".