三角形边框未完全显示并且有一个隐藏的头部

Question

首先：我在 this page 中有一张幻灯片 (start.html)。为了将缩略图图像行移动到顶部，我在滑块样式表中更改了边框、边距、填充、交换顶部和左侧，但我的三角形边框丢失了它的头部 (start2.html)。
最小化页面：jsfiddle.net/ht6gmaku/

我已经知道如何创建三角形边框 谁能告诉我显示损坏的原因。
the original and changed slide stylesheets page

Answer 1

在拇指容器处将高度设置为 100%：

.ms-tabs-template .ms-thumb-list.ms-dir-h {
  top: -101px;
  width: 100%;
  height: 100%;//GIVE 100%
}

结果：

triangle border not showing completely and has a hidden head