placere divs over img!?

F.eks.
<table><tr>
<td style="position:relative;">
  <img style="width:400px;height:300px;" src="ditBillede.jpg">
  <div style="position:absolute;height:20px;width:75px;top:15px;left:3px;color:orange">Div 1</div>
  <div style="position:absolute;height:20px;width:75px;top:150px;left:300px;color:orange">Div 2</div>
  <div style="position:absolute;height:20px;width:75px;top:200px;left:100px;color:orange">Div 3</div>
</td>
</tr></table>

Ja, sådan noget i den retning. Problemet er så at min table med billedet er placeret i en iframe som igen er styret af andre tables, så jeg kan ikke bruge "position:absolute" og top, left til ret meget når jeg ikke ved precist hvor billedet er! Hvis man placerer div'sne lige over billedet kan man måske få dem til at være relative i forhold til deres placering og dermed overlappe billedet i stedet for at være relative til browseren?

Det er præcis det der sker, fordi td'en har fået en relativ positionering !-)

Du skal bare sørge for, at der er et element udenom dit image med denne positionering, og så skal det element også indeholde div'erne !o]

ahh - det virker bare kun i IE, jeg prøvede kun med FireFox... Det var sq da irriterende... Hvis du har en crossbrowser løsning hører jeg gerne om den (ellers bare post et svar, så får du lidt point)

okay - nu bliver jeg måske lidt for doven  :o)  hvis man lige trækker style="position:relative;" ud i en div som omkrandser img'en og de andre divs virker det i begge browsere...

Takker - skal du ha' lidt points..?

Velbekomme '-)

-- jeg vidste zq heller ikke, at en td ikke havde samme funktionsmåde som en div i det stykke !-)