hover IE6 problem

A place to ask questions and get help. Be the first on your block to post ...

hover IE6 problem

Postby rin » Thu Feb 22, 2007 4:56 pm

I'm having a really annoying problem. I am trying to make a list of links with an image next to the links then have the image change each time you hover over a link. I've got it working great with Firefox and IE7, but only partly with IE6 (i.e. you can go down the list, but not back up and the images don't change back to the original when you un-hover)

I got most of my code from this page on cssplay (http://www.cssplay.co.uk/menu/avatars2.html) and his works in IE6, but mine doesn't. Obviously this is an oversight on my part, but I can't seem to figure out what. I've tried a ton of websites that say they have fixes for IE's hover problem, but no luck.

I would like to do this with CSS, but if I have to use JavaScript for IE6 I will. I don't know how to do it though, if someone can help, it would be much appreciated.

My last problem is with the javascript that helps pngs work correctly in IE6. It seems to also resize the png. Since my image "replacement" is essentially covering up an image with a different one, this doesn't work. Is there some workaround rather than using a gif, which looks bad?

http://ntc.unl.edu

Here's the page I'm working on. The css I'm using is in the source. Thanks for any help. I've spent too long agonizing over a stupid browser issue.

UPDATE: Apparently this page looks way different in Safari (tested in 1.32 and 2.0.4) than the other browsers. Any tips?
rin
 
Posts: 21
Joined: Thu Jul 27, 2006 8:48 am

Return to Help & Assistance

Who is online

Users browsing this forum: No registered users and 2 guests

cron