Hopefully someone will be able to help with this. I'm getting a flickering background in ie6 and ie7 when I use a css son of suckerfish menu on the site below. http://www.keadventure.com/trip/details/template_details.php?r=104 it's quite noticeable in ie7, and really bad in ie6. Any help greatly appreciated
This can be avoided by preloading the images or using the sliding door technique. The first method involves putting all the menu background images in a div and styling it as display:none; . The sliding door technique involves use of the same image for a and a:hover state. Except that the image will either be twice the size in length or width. In the case of double height the background for a would be left top and for a:hover it would be left bottom. This method does not require the images to be preloaded.
hi, turns out it wasn't the css. even though though the background flickered when you moused over it (which is a known css issue). It was in fact some old javascript used for the flash detection. Sliding doors: this is where you overlap 2 images - often used to create a curved edge on tabs etc. That technique is already used elsewhere on that page. I think what you might be alluding to is having one image showing both rollover states. Instead of changing the image you move it's position to get the rollover effect. That technique is already used on that page. Thanks for the reply though.