flickers in IE

how can i eliminate flickers of my css rollovers in IE?

[freshmen]

i designed my buttons using css and viewing it in FF but when i viewed it in IE the buttons were all white while the page was still loading.

i heared that it can be eliminated using preloaders but i cant find a good tutorials in using preloaders.

how can i eliminate this?

and hints in using preloaders...

thanks! Ü

[Robin_reala]

If you google for CSS Sprites you'll come up with a technique to get past this. The idea is to bake all your images into 1 fille (stacked on top of each other) then use the background-position property to clip only the state you want into view.

[freshmen]

but if i change the "background-position" wont it disarrange my buttons images when the mouse is over it?

[Hanu]

Think about the button as a smaller window over a bigger background image. By changing the background position you slide the image underneath the window such that a different part of the image appears in the window. It's the fastest method for mouse-overs and it doesn't flicker in IE and Firefox.

[freshmen]

even if the background of the button is just a small slice and background filled the block-box i can still use the background-position? without misaligning the images?

[Hanu]

Yes. Only condition is that the button box is of fixed size. I can sticky you an example site of mine if you like.