IE7: Div con margin:auto e imagen de fondo centrada no coinciden

[Mikmoro]

Te puedo contar lo que sé, porque no es la primera vez que me ocurre:
¿te has fijado si al ir reduciendo la ventana en horizontal muy poco a poco ese descuadre va cambiando?

Al parecer IE7 tiene un problema al usar los anchos en porcentajes, y es como si no fuera capaz de usar pasos de números pares al reducir la ventana, de manera que siempre quitara algo de tamaño a ambos lados para que todo quedara centrado. Así, en cada reducción quita un pixel. Muy bien, pero... ¿de qué lado? Pues una vez de un lado y otra del otro, con lo que si reduces la ventana realmente despacio verás que una vez encaja y a la siguiete no, así sucesivamente.
Bueno, no estoy seguro de que sea lo que te ocurre exactamente (aunque creo que es eso), pero a mi me ha pasado varias veces, y pegando tu código en un html, es lo que veo.

¿Cómo solucionarlo? creo que necesitas cambiar de estrategia a la hora de conseguir ese efecto, y como tal y como has dicho, lo has comprobado una vez que ya tenías toda la estructura, habría que verla y conocerla para recomendarte cuál sería mejor en este caso.