Strange MSIE hover bug?

[MickAv8r]

Haven't seen this discussed before...link hovers work fine in MSIE 6 however whenever I wrap the link in a div or span to specifiy where I want it to be the linkhover effect goes poof but still works in Mozilla.

Code: Select all

/* Style from external stylesheet */

.link { text-decoration: none;	color: #CCCCCC; }
.link:visited { color: #CCCCCC; }
.link:hover { color: #4E4E4E; }

.mainbody {
     position: absolute;
     top: 50px;
     left:  50px;
}

.linkpos {
     position: absolute;
     top: 100px;
     right: 30%;
}

Code: Select all

// HTML this works as desired in MSIE 6 but has no position attributes

<a class="link" href="http://www.someurl.com>This is a Link</a>

Code: Select all

// HTML this has position attributes but does not work at all.
<span class="linkpos"><a class="link" href="http://www.someurl.com>This is a Link</a></span>

however when I use a linkhover affect on a link used inline with normal text that may have position and style attributes applied to it it works.

Code: Select all

// HTML This hover affect works in MSIE 6

<div class="mainbody">
Some random text blah blah blah blah blah <a class="link" href="http://www.someurl.com>Click on this Link</a> Some more random text blah blah blah blah.
</div>

This all works in Firefox or Mozilla or Opera etc - am I smoking crack? why does this fail with MSIE?

[Ranko]

Because IE is silly, and about as standard compliant as a 4 year old sweatshop worker making *brand name deleted* shoes.

Opera and Firefox know how to read CSS and W3C standards, thus it works.

Oh, and
// HTML this works as desired in MSIE 6 but has no position attributes

<a class="link" href="http://www.someurl.com>This is a Link</a>

class link has no positioning to it, so that might be it

[MickAv8r]

<blockquote id="quote" class="ffs">quote:<hr height="1" noshade="noshade" id="quote" />Originally posted by Ranko
Because IE is silly, and about as standard compliant as a 4 year old sweatshop worker making *brand name deleted* shoes.

Opera and Firefox know how to read CSS and W3C standards, thus it works.
<hr height="1" noshade="noshade" id="quote" /></blockquote id="quote">
Yeah I've figured that out I'm just wondering if there is a workaround



<blockquote id="quote" class="ffs">quote:<hr height="1" noshade="noshade" id="quote" />
class link has no positioning to it, so that might be it <hr height="1" noshade="noshade" id="quote" /></blockquote id="quote">

I know that - you missed my point. The hover affect works when no position atributes are applied to it, but when you snug things into divs or spans it flips the you the bird.

[MickAv8r]

I figured it out. It was the :visited class. I like to remove the visited attribute from most of my menus and usually make it the same color as the original link however MSIE was overriding the :hover feature and not letting it work when it was applying the visted attribute so I just removed it and everything seems to work fine now.