Problema con un DIV y texto.

[wilson_romero]

Hola amigos estoy calentando los motores en CSS y tengo un problemita, tengo un texto dendro de un DIV y no se ve el texto queda detrás del fondo, le cambien el DIV para otra linea por que esta dentro de codigo php y se vio pero se salieron de posición la demas cosas.
aprovechando el caso vean el código yo veo fuera de lógica los Div cuando lo cierro,
me refiero a si hago esto
<div id='padre'>
<div id='hijo'>
hola
</div>
</div>

me pregunto si el primer cierra no es suficiente para cerrar el padre o la maquina entiende que existen dos div ?
De algún modo todo quedo encajado excepto el problema de que el texto se ve debajo cuando pongo el color del div.
la coma es el texto.
codigo php con html

Código PHP:

echo "<div class='resultado'>";    
$result= $done['rival'];
echo "<div class='elegidos'><center> $result </center></div>";
echo "<div class='v'>"; if ($total) {
    echo " , ";
  }
$total--; echo "</div>";
echo "<div class='img'><img src='$done[img]' width='200'  height='180'></div>";
echo "</div>" ;
 

codigo css

Código CSS:

#comentario 
{
    background: #666;
}
 
.resultado{
    background: #ffffff;
    width: 200px;
    height: 200px;
    border:2px solid #000;
    float: left;
        }
 
.informacion {
 
    width: 402px;
    height: 200px;
    border:2px solid #000;
    }
.img
{
    /*margin: 0 auto;*/
}
.elegidos
{
        margin: 0 auto;
    background: #01DF74; 
}
 
.comentarios_done 
{
       border:2px solid #000;
}
 
.V
{
        width: 40px;
    height: 20px;
    color: red;
    position:absolute; left:200; top:348;
    background: #666; 
}
 

si me pregunta como se que la coma esta debajo de el cuadro ejejej es que escribi un texto largo para que se vea.