Div在IE兼容模式下移位

Question

The Close to Play button on the advertisement box is shifted to the right for some reason on IE, when Compatibility mode is checked

Screenshot:

http://piclair.com/data/2sm0j.jpg

URL: http://www.animefushigi.com/sacred-seven-episode-6/4

Any ideas on how to fix?

Answer 1

I believe the problem may be the margin-left. But without that then it will look correct on other browsers.

Replace margin-left: 42% with margin: auto :)

This works because: http://www.w3.org/TR/CSS21/visudet.html#blockwidth

Block-level, non-replaced elements in normal flow

If both 'margin-left' and 'margin-right' are 'auto', their used values are equal. This horizontally centers the element with respect to the edges of the containing block.