css - IE9 のテキスト シャドウと境界線

Question

このページでは、h3 イベント アドレスに破線の境界線を使用していますが、IE9 ではその上にも表示されています。

CSSは次のとおりです。

#middle h3, #middle h4 {
border-bottom:1px dashed #CCC;
padding-bottom:12px;
}

また、テキスト シャドウは IE ではまったく機能せず、メニュー項目をホバーすると、灰色の左端の境界線が表示され、どうすれば解決できるのか疑問に思いました。どんなアイデアでも素晴らしいでしょう。

Answer 1

<h4>div が閉じられた後にタグを閉じました

<div class="event-date"><h4><img src="/images/date.png" alt="event date" /> On 31 October 2012</div> </h4>

</h4>を前に置く</div>