For displaying a link, instead of using <a>, I used <div class="xxxxxxx">, such as

<div class="first" >
Outer line
<div class="second">
inner line
</div>
</div


In the x.css file:

.first{
font-size: 9pt;
cursorointer;
cursor:hand;
}

.second{
font-size: 9pt;
}

Now the problem is that when the mouse pointer moved to the inner line area, the HAND cursor is still displayed.

My question: How can I set the

.second{
font-size: 9pt;
}

so that when the mouse pointer moved to the inner line area, the HAND cursor will disappear.


Thanks