Hi, The CSS rollover image for the header buttons loads way after the entire page has loaded. and sometimes you have to move your mouse over the button, and wait several seconds before the rollover button is shown. This doesn't happen with other sites such as myspace.com and lookbook.nu Please help, our site is temporarily at www.bakat.iflair.net Really urgent, I don't think the programmers are able to fix this, the header is so buggy. edit: The CSS rollover's also doesn't work with IE and old IE browsers, but Myspace.com and lookbook.nu work just fine.
It's work on IE7 but IE6. i think that's not CSS bug. That's the way CSS working when you've separate graphic at normal status and hover status it need to taking time to load when hover. To solve this problem use one image that have both normal and hover status on it and using background position to control the buttons.
Yeah, like normalfx says, you gotta have the two images in a single file. Use css this way to make it look okay. .button { background: url('your-image') top left; } .button:hover { background: url('your-image') bottom left; }
Hi, for anyone who is interested in a more visual explaination, I have found this page is quite helpful to explain: http://wellstyled.com/css-nopreload-rollovers.html
Also you can preload images with simple CSS - add a code with display: none where you load the images with simple <img> tags - works for me