为什么在 IE7 中使用百分比的 margin-top 不起作用？

Question

IE7 doesn't seem to understand top: 106% :

.flex-caption {
  width: 76%;
  margin-left: 170px;
  position: absolute;
  left: 0;
  right: 0;
  top: 106%;
  color: #b8b8b8;
  font-size: 14px;
  line-height: 48px;
}

http://www.juxt2.com/test/skeleton/index.html

What kind of alternatives do I have?

I'm making a responsive design so I cannot use px .

I'm also open to a JavaScript/jQuery fix that would run in only IE7.

Answer 1

Trying adding !important next to it. Like :- margin-top !important;