익스플로러에서 height auto가 적용이 안되는데 어떻게 해야할까요?

html,body {margin:0; padding:0;} #visual {position:relative; width:100%; height:500px; background-color:#000;} #visual .wave {position:absolute; bottom:0; width:50%; z-index:100;} #visual .wave.left {left:0;} #visual .wave.right {right:0;} #visual .wave path {width:100%; height:auto; fill:red;} 너무 두서없이 질문드려서 죄송해요 ㅠㅠ 해당 사이트는 일단 png로 작업해놓아서 간략하게 코드 남기겠습니다! 익스플로러 버전은 11입니다. 감사합니다!