IE7 messing up CSS Display property!

[Freakish_05]

Evening all.

Got me a little problem with IE7
This Page displays correctly in FF (looking at the top line of text "First, Previous, Next, Last") but in IE7 the 4 items appear in a vertical line!
CSS:

#pagenav
	{
	width: 400px;
	text-align: center;
	position: relative;
	margin: auto;
	}

#pagenavlink
	{
	width: 100px;
	text-align: center;
	position: relative;
	display: table-cell;
	}

HTML:

<div id="pagenav" align="center">
<div id="pagenavlink"><?php echo $firstlink ?></div>
<div id="pagenavlink"><?php echo $prevlink ?></div>
<div id="pagenavlink"><?php echo $nextlink ?></div>
<div id="pagenavlink"><?php echo $lastlink ?></div>
</div>

Upon search of google this is something to do with a Whitespace bug in IE7 *Go Microsoft* but none of the fixes I've tried seem to work.

P.S. I'm meeting with the 'customer' to discuss the colour scheme later this week

 

[Clarkey]

it looks identical to me in FF2 and IE7.

 

[WotDa]

Firefox 2.0.0.2
Internet wrecker 7