IE7 - Text in table cell won't center align

[Jessica]

I've tried all the ways I can think off, can't get the month name to center.

 

Example: http://client.creativxchange.net/development/VBC/calendar-of-events/

 

HTML Snippet:

<div id="calendarModule">
<table class="month" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="left" style="text-align: right;"> </td>
<td class="monthName" align="center" style="text-align: center;" colspan="5">July</td>
<td class="right" style="text-align: left;">
</tr>
...
</tbody>
</table>
</div>

 

CSS:

/*	Calendar	*/
#calendarModule{
color: #FFFFFF;
font-size: 1em;
}

#calendarModule table{
border-left: 1px solid white;
border-top: 1px solid white;
margin: 5px auto;
}

#calendarModule td, #calendarModule th, #calendarModule p{
width: 80px;
vertical-align: top;
}

#calendarModule .day, #calendarModule .nonDay{
height: 80px;
border-right: 1px solid white;
}

#calendarModule th{
border-right: 1px solid white;
}

#calendarModule td, #calendarModule th{
border-bottom: 1px solid white;
}

#calendarModule .right{
border-right: 1px solid white;
}

#calendarModule .event{
width: 75px;
margin: 0 5px 5px 5px;
}

#calendarModule .dayNum{
width: 16px;
height: 16px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin: 0;
padding: 2px;
text-align: center;
vertical-align: center;
color: #FFFFFF;
font-weight: bold;
background: #872e1d;
}

#calendarModule td.monthName{
text-align: center;
font-weight: bold;
font-size: 14px;
}

[Jessica]

ETA: It's actually IE6 as well.

[Jessica]

No one?