Use CSS to display cursor

[scottjsn]

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

[holyhttp]

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

.second {
cursor:default;
}

Keep in mind just because you set the cursor to be a hand pointer does not mean that section is converted into a link.
You will have to use some JavaScript to achieve that function otherwise it would be deceptive and a turnoff for the end user.