Strange MSIE hover bug?

MickAv8r · #1 Oct 27th, 2004, 20:00

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 · #2 Oct 28th, 2004, 08:57

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 · #3 Oct 29th, 2004, 03:15

<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 · #4 Oct 29th, 2004, 20:53

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.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Msie doesn't make my links links..	delusion	Web Page Design	7	Nov 7th, 2007 09:05
[SOLVED] MSIE doesn't show my design correctly (what a surprise)	delusion	Web Page Design	6	Oct 26th, 2007 21:16
Strange thing	Daniel	Webforumz Cafe	3	Sep 14th, 2007 18:27
Strange gap on left of H2 tag	philiph	Web Page Design	4	Jul 17th, 2007 09:06

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Strange MSIE hover bug?