Cursor Always Displays as "Text Selector"

[cdp103188]

Ok. So I just built a personal website and in Firefox it looks just fine, but when I go to it in Internet Explorer the cursor is always that black line that is used for selecting text. This is bad because the background of the website is black, thus you cannot see where your cursor is. I realize on some computers the text selector cursor is white, but on many it's only black.

The only time it shows up as a pointed in IE is when it's over an image.

Can someone tell me what I've done to cause this???

Here is one of the pages that it's most noticeable on (but it does it on all of them):
http://www.cpeebles.com/services/

[Fang]

Looks the same in both browsers; normal cursor display.

[cdp103188]

Really? I have checked it on multiple PC's throughout my office and they all give me the same result: Text Cursor on anything inside my 800px <DIV> other than Images and Links.

The version I am using on this PC (that is giving me the cursor "error") is IE 7.0.5730.13

Can anyone else see what I am talking about?

[donatello]

Looks fine to me.

What do you want it to do?
If you want to change its behavior, you can do it in CSS with the cursor function.

[dmboyd]

I see what the problem is:
<h3>- Website Construction, Repair, &amp; Maintenance</h3>
IE 7 (or at least IE 8 in compatibility mode) seems to believe that it should make the cursor the same for the full width of the container. :(

You can use SPAN elements in combination with CSS to achieve the effect you want. After all, you're already using BR elements to separate them. Out of curiosity, have you tried using a list?

<ul>
<li>Website Construction, Repair, & Maintenance</li>
<li>Custom Computer Builds (Gaming Rigs, Work Computers, etc)</li>
<!-- The others follow suit. -->
</ul>

[donatello]

Oh, I get it... those were supposed to be hyperlinks... I did not even look at your code because the page looked fine. My bad. :(

Looks like it's resolved thanks to DM Boyd who went through the extra trouble of poking through your code. :)
Looks like your problem could have been as simple as cutting and pasting HTML code or a snippet into the wrong frame in DreamWeaver.

I just checked back in to point out a trick that works for cursors - especially for some javascripts... I've encountered two where the cursor does not behave as expected, and this bad behavior can be fixed with the cursor command in CSS:


.xyz {
cursor:pointer;
}



I've created a class called .xyz but you can just add the command to the class where you want the cursor to be a pointer (the finger).

Let us know if you've resolved it.
:)

[cdp103188]

IE 7 (or at least IE 8 in compatibility mode) seems to believe that it should make the cursor the same for the full width of the container. :(


That explains everything. Count on Micro$oft to do something as stupid as that.

and thanks for the CSS recommendation, donatello.