IE-problem

Jag har ett problem med marginaler - tror jag - i IE. I Firefox, Safari och Opera i OS X och Windows ser h2-rubriken ut som den ska, men i IE6 och IE7 så försvinner den undre kantlinjen. Någon som vet varför? Har fixat och trixat hit och dit men hittar inte vad som orsakar det. XHTML och CSS validerar bortsett från ett par CSS3-grejer, men det borde inte påverka just detta problemet.

Sida

<div class="border">
	<div class="content title-content">
		<h2>Bilder</h2>
	</div>
</div>

Inte den smidigaste koden, borde väl ha applicerat title-content direkt på h2-elementet och tagit bort den omslutande div:en, men nu blev det så här.

.border {
	background: transparent url(images/layout/bg_border.png) repeat;
	padding: 7px;
	margin-bottom: 20px;}
	
.content {
	position: relative;
	background: #fef9ea url(images/layout/bg_content1.png) top repeat-x;
	padding: 15px;
	margin: 0;
	-webkit-box-shadow: 1px 1px 5px #524729;
        -moz-box-shadow: 1px 1px 5px #524729;}

h2 {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;}

div.title-content {
       padding: 0;}

div.title-content h2 {
	padding: 10px 10px 10px 13px;}