Header issue in IE 7

Well, I don’t see any “disalignment” in either FF or IE7. What I DO see is that the header graphic flashes “off” and “on” with mouseover in IE7.

I thought the strange alignment may have been just me. I have my screen set at a higher dpi than the normal web res of 72 so things in IE look funny sometimes.

The blinking hover is because my header hover images don’t pre-load so when you hover you have to wait a bit for them to start showing. I don’t know how to fix this, is there a way to fix it?

There are a bunch of different ways to preload images for mouseover effects.

There is javascript which of course doesn’t work if someone has it turned off in their browser. Sample here;
https://www.netmechanic.com/news/vol3/loadtime_no6.htm

or a couple of different ways with css. One has you call the image on page loading with a display property of none but it is loaded and ready for the mouseover and that is explained here;
https://www.netmechanic.com/news/vol6/css_no18.htm

and another css technique which uses negative positioning and such is explained here;
https://www.tutorio.com/tutorial/pure-css-image-rollovers

That second option looks great. Just to make sure, I put that code specified into my header.php correct?

I got it working. Thank you so much.