Trying to vertical-align with table-cell set however it doesn't seem to work in IE(<=7)

World of Warcraft Cheats

Check that link out. If you use IE then you will see that the top H1 where it says World of Warcraft is stuck to the top, however in Firefox it is fine.

.gamehead {
 float: left;
}
.gamehead h2 {
 color: #C9C9C9;
 padding: 0px;
 display: table-cell;
 margin: 0px;
 vertical-align: middle;
 text-align: center;
 width: 235px;
 height: 85px;
}

Suggestions?

IE doesn't support display:table-cell.

http://www.quirksmode.org/css/display.html

Shoot. Suggested fix?

Conditional comments. This is what I use when I'm using the table-row and table-cell properties to correct for IE7. You will, of course have to modify to your ends:

<!--[if lte IE 7]>
<style>
.row{
display: block;
}
.cell{
clear: none;
display: inline;
float:left;
vertical-align: middle;
}
.cell div{
clear: none;
display: inline;
float:left;
vertical-align: middle;
}
.cell a{text-align:center;}
.cell a img{border:2px solid #000;}
.ieclear{clear:both;}
</style>
<![endif]-->

Which means you'll have to put in ieclear divs to clear your floats, thus really eliminating the ease of using table-row and table-cell. That's why I cleaned up what I really name the class names.

tim

Eh sorry having trouble adapting that code. Maybe it's just best I take the easy option and use tables for the header?

Use what you already have posted, minus the table-cell entry, in the conditional comments, with display:inline; to override the previous stylesheet. Make sure your conditional comments come *after* your main stylesheet link, and make sure the float is cleared after that h1.

tim