IE9 using partial pixels?

[deschnell]

so... not sure how else to explain this - I created a blog post to get more comments from others.
http://loklomedia.com/blog/2011/04/inte ... s-problem/

basically - I'm using a slightly modified version of the CSS menu from the nclean-blue theme - it looks awesome on Firefox, Chrome, Safari, IE 8. But not IE9. (testing in Vista). IE9 is shifting the right part of the sprite menu element by partial pixel amounts. I can only assume it's due to using percents... but the only percent value is 100%, and the width/height are even.

I've ran through the validator - 100% valid xhtml and css.

I haven't tried any hacks yet, since I don't really know what's causing the problem.
Ideas?

[laits]

Life's too short...

I use

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

on all my sites until IE9 beds in.

Basically it forces IE9 to emulate IE7.

Hope it helps short term!

rich