ie7: абсолютный div по центру относительно родителя ведет себя странно

Question

Эту проблему лучше всего объяснить фотографиями, но вы можете попробовать ее здесь:

http://pastehtml.com/view/b3y7e9uz6.html

Просто сравните ie7 с (ie8 или ff или chrome). В современных браузерах это выглядит так:

и так в ie7:

Что заставляет его быть вне центра в ie7?

Answer 1

Как только вы удалите position: absolute, все исправится, за исключением красной границы;однако, это очень легко решить, применив соответствующие границы к тем сторонам, на которых вы их хотите.

Если вы должны оставить position: absolute add left: 0, и это, кажется, также исправляет это.IE7, вероятно, требует левую / правую или слегка запутался, так как не знает, где его расположить.