Oh hai could anyone tell me why in some version of Outlook the text under my icons refuses to be centered... i'm going mad! :)

Outlook 2007, 2010 and 2013 are the offenders.


                                        <table width="600px" align="center" border="1" cellpadding="0" cellspacing="0" class="deviceWidth">
                                            <tbody>                                 

                                            <tr>                                            
                                                <td width="111px" align="center" border="1" cellpadding="0" cellspacing="0" class="icons iconFloatLeft">                                                            
                                                    <img src="webCircle.jpg" width="111px" height="112px" alt="web" border="1" align="center" style="border:1px solid red; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:12px;">
                                                    <a href="#" target="_blank" align="center" style="width:111px; border:1px solid blue; display:block; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:16px;">web</a>
                                                </td>


                                                <td width="111px" align="center" border="1" cellpadding="0" cellspacing="0" class="icons iconFloatRight">                                                           
                                                    <img src="phoneCircle.jpg" width="111px" height="112px" alt="phone" border="1" align="center" style="border:1px solid red; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:12px;">
                                                    <a href="#" target="_blank" align="center" style="width:111px; border:1px solid blue; display:block; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:16px;">phone</a>
                                                </td>

                                                <td width="111px" align="center" border="1" cellpadding="0" cellspacing="0" class="icons iconFloatLeft">                                                            
                                                    <img src="emailCircle.jpg" width="111px" height="112px" alt="email" border="1" align="center" style="border:1px solid red; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:12px;">
                                                    <a href="#" target="_blank" align="center" style="width:111px; border:1px solid blue; display:block; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:16px;">email</a>
                                                </td>

                                                <td width="111px" align="center" border="1" cellpadding="0" cellspacing="0" class="icons iconFloatRight">                                                           
                                                    <img src="twitterCircle.jpg" width="111px" height="112px" alt="twitter" border="1" align="center" style="border:1px solid red; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:12px;">
                                                    <a href="#" target="_blank" align="center" style="width:111px; border:1px solid blue; display:block; text-decoration:none; font-family:Georgia, serif; color:#666666; font-size:16px;">twitter</a>
                                                </td>

                                            </tr>

                                            </tbody>
                                        </table>
                                        ```