IE Image Flicker with CSS driven drop-down menu

Hi,

I'm not sure if what I'm trying to do is possible and there is a limit to my
CSS knowledge.

I'm trying to generate a CSS drop-down menu from a <li> that has been
replaced by an image. The drop-down menu script comes from the book "More
Eric Meyers." Unfortunately, I found that my image was flickering in IE and
attempted to remedy that by preloading the image (see:
http://www.wellstyled.com/files/css-...example2.html). No
more flicker. The problem is that IE reloads the image each time I mouse
over a drop-down item. It only seems to be a problem in IE and only if IE's
Temporary Internet Settings are set to check for new images each time.
Here's the item:

http://www.hamneggs.net/visionact/test.html

Interestingly, if you click on the image and then use the back button to go
back to the page, it works just fine. Does anyone think it would help to use
some sort of a:hover/span concoction here?

Thanks so much,
Elizabeth

[Spartanicus]

<yo********@earthlink.net> wrote:

It only seems to be a problem in IE and only if IE's
Temporary Internet Settings are set to check for new images each time.

Then change that setting.

--
Spartanicus

"Spartanicus" <in*****@invalid.invalid> wrote in message
news:ph********************************@news.spart anicus.utvinternet.ie...

<yo********@earthlink.net> wrote:

It only seems to be a problem in IE and only if IE's
Temporary Internet Settings are set to check for new images each time.

Then change that setting.

--
Spartanicus

Easy enough for me, but what about the millions of other IE users? Is it
safe to assume that most of them are not set to check for new images on
every visit to a page. I might go with what I've got depending on what
others have to say about it. I'm just not sure if that's a responsible way
to design. But I'm new to this, so I honestly don't know.

Thanks,
Elizabeth

[Spartanicus]

<yo********@earthlink.net> wrote:

>It only seems to be a problem in IE and only if IE's
>Temporary Internet Settings are set to check for new images each time.

Then change that setting.

Easy enough for me, but what about the millions of other IE users? Is it
safe to assume that most of them are not set to check for new images on
every visit to a page.

You can't assume anything except HTML support on the client side. That
said, I don't even see an option to check images on each page load in my
IE6 settings. I do see a setting that applies to *pages*, but nothing
specifically for images. The default setting for checking pages seems to
be "automatic".

--
Spartanicus

"Spartanicus" <in*****@invalid.invalid> wrote in message
news:pm********************************@news.spart anicus.utvinternet.ie...

<yo********@earthlink.net> wrote:

>It only seems to be a problem in IE and only if IE's
>Temporary Internet Settings are set to check for new images each time.

Then change that setting.

Easy enough for me, but what about the millions of other IE users? Is it
safe to assume that most of them are not set to check for new images on
every visit to a page.

You can't assume anything except HTML support on the client side. That
said, I don't even see an option to check images on each page load in my
IE6 settings. I do see a setting that applies to *pages*, but nothing
specifically for images. The default setting for checking pages seems to
be "automatic".

--
Spartanicus

You're looking at the correct setting - it's under Temporary Internet
Files>Settings. I usually set mine to "every visit to the page". It really
makes quite a difference in this scenario. Well, I may just go with what I
have for now.
Thanks,
Elizabeth

[Pawel Knapik]

yo********@earthlink.net napisa³(a):

Hi,

I'm not sure if what I'm trying to do is possible and there is a limit to my
CSS knowledge.

I'm trying to generate a CSS drop-down menu from a <li> that has been
replaced by an image. The drop-down menu script comes from the book "More
Eric Meyers." Unfortunately, I found that my image was flickering in IE and
attempted to remedy that by preloading the image (see:
http://www.wellstyled.com/files/css-...example2.html). No
more flicker. The problem is that IE reloads the image each time I mouse
over a drop-down item. It only seems to be a problem in IE and only if IE's
Temporary Internet Settings are set to check for new images each time.
Here's the item:

http://www.hamneggs.net/visionact/test.html

Try this solution:
http://dean.edwards.name/my/flicker.html
It's important not only because it doesn't look nice. In
this situation image is requested from server each time user
moves his mouse over it so your server traffic increases.