This page here uses a dashed border-bottom for the h3 Event Address, but in IE9 it’s also showing above it.
Here’s the CSS:
#middle h3, #middle h4 {
border-bottom:1px dashed #CCC;
padding-bottom:12px;
}
Also the text-shadow isn’t working at all in IE and when the menu items are hovered, a grey border-left appears and wondered how they could be solved. Any ideas would be great.
You closed the
<h4>tag after the div was closed<div class="event-date"><h4><img src="/images/date.png" alt="event date" /> On 31 October 2012</div>
</h4>
Put the
</h4>before the</div>