html表固定标题

Question

我有12个columuns的Html表，并且没有15-30行。我需要在滚动时将header和subHeader设置为固定。

我尝试使用overflow-y：auto;和位置：固定，但内容随着标题一起移动。

http://jsfiddle.net/1nteger/9LouLesp/8/

#myTable {
  width: 100%;
}

#Header {
  /*position:fixed;*/
}

#SubHeader {
  /*position:fixed;*/
}

.content {
  /*overflow-y:scroll*/
}