Mettez un X sur le montant d'un div sans le rendre cliquable

Question

J'ai un rect et un X en haut à droite avec des éléments à l'intérieur. La div avec le X est cliquable. Le problème est que toute la zone supérieure est cliquable et pas seulement le topright (le 'X') comme je le voulais. Comment puis-je faire seulement le X cliquable et toujours aligner à droite?

mon css est

.itembox 
{ 
    float:left; 
} 

.itembox .RemoveMediaNotif 
{ 
    text-align: right; 
    text-decoration:underline; 
    cursor: pointer; 
} 

mon html est

<div class="itembox" id="i16"><div class="RemoveMediaNotif">X</div><div ... 

Answer 1

.itembox .RemoveMediaNotif 
{ 
    float:right; 
    text-decoration:underline; 
    cursor: pointer; 
} 

Si résoudre votre problème.

Answer 2

Votre div externe a à flotteur gauche? Sinon, je vais (non testé):

<div class='outer'><div class='x'>X</div></div> 

et

.outer { 
    // 
} 
.x { 
    float:right; 
} 

Answer 3

Vous pouvez absolument le positionner à partir de la droite. C'est ce que je ferais (je suppose que c'est une sorte de bouton de fermeture):

.itembox 
{ 
    position: relative; 
    float:left; 
} 

.itembox .RemoveMediaNotif 
{ 
    position: absolute; 
    right: 0px; 
    top: 0px; 
    text-decoration:underline; 
    cursor: pointer; 
}