Problème de superposition de DIV

Bonjour,

Sur ma page index, je voudrais mettre une phrase au dessus d'une image malheureusement ça ne marche pas. Quand je met la phase sur l'image elle se met derrière l'image.

voici le code de l'image en question:

#droite {
margin-left:0px;
margin-top:0px;
width:200px;
height:739px;
margin-bottom:0px;
float:left;
display:inline;
background-image:url(image/decoupe/droite.jpg);
overflow:hidden;
Line-height:20px;
list-style: none;
background-repeat:no-repeat;
position:relative;
font-size:11px;}

voici le code du texte en question:

define('TEXT_GREETING_GUEST', '
<a href="%s"><u><div id="test"> Créer un compte ?</u></a></div>');

#test{

position:absolute;
color:#000;
font-size:20px;
margin-top:600px;
margin-left:600px;
}


Merci d'avance