css3 - Centered block in IE9 and/or earlier version -

I can not fix a problem with focusing the block of contents in IE9. I tried different things from the web, did not work. If possible, I appreciate it that it can be hosted anywhere, where I am working on it.

I have defined the principle:

   & Lt; Title & gt; Test & lt; / Title & gt; & Lt ;! - [if IE] & gt; & Lt; Meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7" /> & Lt; [Endif] - & gt; I tried to add it to the head section, even after commenting instead of "emulet ii 7" with "izui" or "edge", did not work:  
  & lt; Meta http-equiv = "X-UA-Compatible" content = "IE = Edges" />   
 Firefox / Chrome:   
 IE 9:   
 CSS:  
  .zone {Width: 0; Height: 0; Border: Solid transparent; }. Container {boundary: 4px solid # 666; Status: Relative; Swim left; Margin: 2px; } .zone-label {background-color: # 666; White color; Font-size: 25px; font-weight: bold; Padding: 0 5px; Status: Completed; Margin: 0-50% 0 0; Top: 50%; Left: 50%; Conversions: Translation (-50%, -50%); } .layout {/ * position: relative; * /}. Clear {clear: both; }. Zone-green-949 (border width: 120px 475px; border color: black green;}. Container-green-949 {width: 949xx;}. Zone-blue -308 {border width: 76px 154px ; Border color: black blue;} Container-blue -308 {width: 308 px;} .Jon-purple-629 {border width: 15 9px 315px; border color: black purple;}. Container-purple-629 {Width: 629 pixels;}   
 HTML:  
  
 
 
 
  
 gt; div & gt; & lt; Div class = "container container-violet-629" & gt; div class = "zone area-purple-629"> gt; span class = "zone-label" & gt; slider & lt; / Span & gt; & lt; / div & gt; & lt; / div & gt; & lt; div class = "container container-blue-308" & gt; & lt; div class = "zone area-blue-308 "& Gt; & lt; span class =" zone-label "& gt; Zone 1 & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div style = "clear: true;" & Gt; & Lt; Div class = "container container-blue-308" & gt; & Lt; Div square = "zone area-blue-308" & gt; & Lt; Span class = "zone-label" & gt; Facebook fan & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  Edit:  Answer is to add it (see Heym Kolami's comment below):  - MA-Transform: Translation (-50%, -50% Answer: This is to be added (comment by HHM Clemy) See):       - MMS-conversion: translations (-50%, -50%);