ie8 设置高度html5,求助，div设置为absolute定位，高度为父元素的100%，但在IE8下不生效...

直接上代码，在jsfiddle下运行正常，但在IE运行不正常

Programs

Documents

Run

.menu {

border: 1px solid black;

position: relative;

width: 200px

}

.menu-bar {

background-color: gray;

position: absolute;

left: 0;

top: 0;

width: 30px;

height: 100%;

}

.menu-body h3 {

border: 1px solid blue;

line-height: 30px;

vertical-align: middle;

margin: 0 0 0 30px;

}

IE8下没有按照父元素的100%高度显示

==========

有人提示要设置html，body高度为100%，但这不是问题关键。

我的问题是父元素的高度不固定，看我写的jsfiddle的例子，父元素.menu没有指定height，但在chorme、firefox下，内层元素.menu-bar高度设置为100%后，可以和父元素的高度保持一致，但在IE8下就不行。