Topic: Explorer Again... (Page 1 of 1)

Ok here's what I have. A image in the background of my header. I have a transparent image in front which I'm going to use as a support for a mouse over effect. I've kept the image there because I'm going to be adding some skinning abilities to the site I'm working on so I'd have more flexibility this way.

I've made the mouseover effect in CSS and it works very smoothly in Opera and FF but IE does different. It does the mouseover... but on mouseout the image is stuck! I have the mouseover image in front instead of the previous one! WHY?!?

Here's my CSS, something wrong?

#head a img  { width: 174px; height: 64px }

#head a:hover img {

width: 174px; height: 64px; 

background: url(images/headover.gif) left no-repeat;}

Also I have question. Is it possible to have the width of an image, div or anything else on the page have it's proportion's changed in IE? I know it is in Opera and FF I've done it but everytime I try in IE it doesn't work! For example let's say I have an image with a width of 35px which I want on mouseover to become 100px for some specific reason only I know! I try doing it with CSS similar to the one above and it works perfectly in Opera and FF but IE doesn't perform the wodth change. I'm starting to think it's not possible in IE...



(Edited by templar654 on 05-15-2005 17:54)

source code or live link

I don't have anywhere to upload the page so I'll just write the source code for the header:

<div id="top">

                <div id="head"><a href="#"><img src="images/spacer.gif" width="0" height="0" border="0" /></a></div>

                <div id="hdlinks"><a href="#matter" alt="To Matter">skip to matter</a><br /><a href="updates.htm" alt="View Updates">latest updates</a></div>

           </div>

Hmmm I think I should also point out where the problem is

The part of the above code that goes

<div id="head"><a href="#"><img src="images/spacer.gif" width="0" height="0" border="0" /></a></div>

That's where the problem is. Everytime I try to hover over it in IE the hover stay's put! It doesn't change back on mouseout...