(HTML & CSS) Why wont my ":hover" work? **Resolved**

[msimmons]

Here is what I have in the head section:

.bordercoloredi { font-family:times; font-size: 12pt; color:ffffff; border-bottom: none; border-right: none; }
.bordercoloredi:hover { border-bottom: 1px outset #ffffff; border-right: 1px outset #ffffff; }

and here is one of the elements I am trying to apply it to:

<a id="date_i" class="bordercoloredi" style="width:10px; cursor:hand;" onMousedown="document.getElementById('datetext').style.display = 'block';" onMouseup="document.getElementById('datetext').style.display = 'none';">i</a>


(i know hand is not standard :) )

thanks in advace
Michael

[Rick Bull]

You have no href with your anchor, and IE only works with hovers on anchors with hrefs. By the way you missed the # in the first class's colour.

[msimmons]

thanks!
it was the href="#". They were spans and I just changed span to a and forgot to add the href :)

[Rick Bull]

Heh I see. I think it should have worked regardless of the href missing, but IE has a lot of bugs with pseudo classes.