cursor: pointer problem

works in FF but not in IE?

[veliscorin]

hi guys

currently my css goes like so

#main_area #navi #masterdiv .menutitle div{
...
cursor:pointer;
}

and html goes like so

<div id="main_area">
<div id="navi">
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">My Menu</div>
</div>
..... [many divs here so i'll skip]
</div>
</div>

i would like to constrain my "navi" area to 250px width, but when i do so, the cursor over the div dont work on IE6, it only works on FF. When this happens, only when the cursor over the text will change to the hand pointer. What i want is the entire cursor to change no matter whether it is over the text or over any area on the 250px width.

If i actually place my "masterdiv" on a table which is "250px" wide, it works.. so am i missing anything on the "navi" css?

[penders]

#main_area #navi #masterdiv .menutitle div{

This may just be an example, but the CSS in your post does seem to match a container in your HTML?

What i want is the entire cursor to change no matter whether it is over the text or over any area on the 250px width.

Perhaps you should be applying your cursor:pointer style directly to your #navi container?