advice about how to vertically center content in fluid element

[Ilikepie]

I have some content inside an article that is fluid in size, basically I have applied \[code\]display:table\[/code\] to the parent element and then \[code\]display:table-cell\[/code\] and \[code\]vertical-align:middle\[/code\] to the element I wish to center. My problem is however that Im unable to make the element I want to center 100% height of the parent article and was wondering how I can achieve this?I have built an example on jsfiddle: http://jsfiddle.net/f29Mr/And here is the sample css\[code\].m-level-block { width: 91.66667%; float: left; margin-right: 0%; display: inline; margin-left: 4.16667%; margin-right: 95.83333%; background: black; margin-bottom: 10px;}.m-level-block .m-video-thumb { width: 18.18182%; float: left; margin-right: 0%; display: inline;}.m-video-thumb .video-stats-container { position: absolute; bottom: 0; left: 0; width: 100%;}.m-level-block .level-content { width: 81.81818%; float: right; margin-right: 0; display: inline; position: relative; display: table; height: 100%;}.m-level-block .level-content .level-info { padding: 2%; width: 55.55556%; display: table-cell; vertical-align: middle; max-height: 400px; height: 100%;}\[/code\]