posicionar un div en la parte superior de una imagen

Question

Quiero posicionar un DIV con el contenido de un script de complemento en la parte superior de un img que utilizo como banner.

Tengo la etiqueta img dentro de un div. Entonces puse el guión Google dentro de un div y tras definir este estilo para que

style="float:right;left:250;z-index:2" 

El complemento se muestra debajo del img y no en la parte superior de la misma. ¿¿Algunas ideas??

Answer 1

quiere posicionar la segunda div con absolute:

http://jsfiddle.net/sbNZu/

código relevante:

img { 
 
    border: 2px solid black; 
 
} 
 

 
#container { 
 
    position: relative;  
 
} 
 

 
#example { 
 
    position: absolute; 
 
    top: 10px; 
 
    left: 10px; 
 
    
 
    padding: 5px; 
 
    background-color: white; 
 
    border: 2px solid red; 
 
}

<div id="container"> 
 
    <img src="http://i34.tinypic.com/4tlkci.jpg"> 
 
    <div id="example">This is my div</div> 
 
</div>

Answer 2

Creo que se está perdiendo position: relative, y un valor negativo para top.

Answer 3

Debe usar position: absolute; y el padre debe ser position: relative. Sin una regla de posición adecuada, el índice z significa cuclillas.