下記ブログを運営しています。
http://gaku-sha.com/

問題なのはインデックスページの各記事を表示している要素です。

各記事の要素の高さは可変なので、左右の高さを合わせるためにmatch-heightというjQueryを使用しています。

さらに、日付・カテゴリ名・タイトルが要素の真ん中に表示されるように、クラス「.vertical-height」でコントロールしています。

.vertical-height {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 93%;
}

全ての記事要素に対して上記のCSSを付与したいのですが、なぜか表示がバグってしまいます。この原因が分からずに困っております。

とりあえずnth-childで特定の要素にだけ上記のCSSを付与し、それ以外の要素には何も指定していない状況です。

全ての要素に上記CSSを割り当てる、もしくは他のコードで中央配置ができる方法があれば、ご教授願いたいです。

宜しくお願いします。