html - max-width css property stops centered div from working in internet explorer? -

I have a navbar div inside a parent that is horizontally centered / re-shaped using the following CSS Giving:

 . Navbar- Basic-Cover {width: 100%; Margin: 0 auto; } .navbar-child-wrapper {Status: Completed; Correct: 0; Left: 0; Margins: Auto; Max-width: 1200px; Cushion Top: 10px; }  

Although the maximum-width property being centered in Internet Explorer appears to stop my navbar and floats it on the left (works on all other browsers). If I change the max-width to width, it works, but stops automatically resizing to be responsive.

Is there any work for this?

try it

  .navbar-child-wrapper {status: Relative; Margin: 0 auto; Max-width: 1200px; Cushion Top: 10px; }