Fixing the zoom:1; IE fix?

24
Jun/090

Much has been written about the “magical fix” that *{zoom:1; } has on IE6 and IE7. By using this to force hasLayout onto IE a lot of the display issues we are used to are fixed easily.

BUT.. as i’ve just discovered… it can also create some of its own problems.

I had an issue reffered to me where IE6 was rendering some text way out of alignment, it seemed like a float clearing problem but clearing didnt have any affect. So I removed the zoom declaration and and that removed the problem, but restored a bunch of other problems the initial zoom:1; had fixed.

So, I had to find a way to reset the zoom property and the answer is “normal”. I also has to use * to apply it to ALL items in that box.