Div shifted in IE Compatibility Mode

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.