html - css navbar not getting centered in internet explorer? -

I have a navbar floating on the top of the slider cover, and horizontally centered / responsive. The code below works on all browsers except Internet Explorer ... it is running on the left side of the page. (Unless I change the max-width for the width in my .navbar-child-wrapper class) Is there any way to fix this?

  / * slider wrapper * /. Header-wrapper {height: auto; Status: Relative; }. Navbar - parent-wrapper {width: 100%; Margin: 0 auto; } .navbar-child-wrapper {Status: Completed; Max-width: 1200px; Correct: 0; Left: 0; Margins: Auto; Z-index: 45; } Html: -------------------------------------- & lt; Div class = "header-wrapper" & gt; & Lt ;! - navbar-wrapper start - & gt; & Lt; Div class = "navbar-parent-wrapper" & gt; & Lt; Div class = "navbar-child-wrapper" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - Slide image here - & gt; & Lt; / Div & gt; 
 
 
 
  relative  status for Navbar-child-wrapper Do not complete if required.  
  .navbar-child-wrapper {status: relative; / * Not completed * / Max-width: 1200px; Correct: 0; Left: 0; Margins: Auto; Z-index: 45; }