For a few years now I’ve relied on zoom: 100% as my saving grace for finding lost elements in Internet Explorer.  You see sometimes when you try to position an element on the screen, place a transparent <div> over a Flash object, or do something slighly out of the ordinary, IE will freak out and not display the object, hide it, or drop it to the bottom of z-index order.

Fortunately there’s a solution in the form of a hack called Zoom.  Zoom is a CSS style that allows IE to zoom in on an element.  Typically you don’t need to do this, and oddly enough when you do apply zoom even at the non-zoomed level of 100% it forces Internet Explorer to re-evaluate it’s CSS styling.  So now you can make sure that these lost elements come back to where they are supposed to be.

So when in doubt, use zoom.

<!--[if IE]>
<style type="text/css">
	#element{
		zoom: 100%;
	}
</style>
<![endif]-->
Reblog this post [with Zemanta]