Conteúdo centralizado verticalmente, porém...

Olha, sei que pode ser uma questão bizarra (ou cretina), mas vamos lá.

Pesquisando um pouco por aí (mais precisamente na Tableless - Orkut), encontrei esta solução que funciona na buena para conteúdo dinâmico (sei como fazê-lo quando se sabe seu tamanho exato)!! Como gosto de trabalhar com os estilos em arquivo externo, comecei a teclar o carinha. A parte mais bizarra diz respeito aos 2 div's que não possuem uma class, id ou seja lá o que for, como poderão perceber no código abaixo. Transcrevendo, segue abaixo:

Arquivo teste.css

.top {

position:absolute;

top:0px;

left:0px;

width:400px;

height:351px;

text-align:center;

background-color:#000000;

display:table;

}

Arquivo teste.php

<div class="top">

<div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">

<div style=" _position: relative; _top: -50%; _left: -50%">

<img src="imagem.jpg">

</div>

</div>

</div>

Então, como identificar corretamente e por estes 2 caras tbm no meu teste.css? Confesso que não sou mestre (ainda! rsrsrs) e minhas tentativas foram meio frustradas.

Obrigado pela atenção ;)