How can i center a div within a table?

Ihave a <td>:

<td class="message-poster-box" align="center">	
     Forum Admin
     <br /><br />
     <div style="display: block; align: center; border:1px solid; background-image: url('http://dev.billiardsforum.info/forum/avatars/personal/778-160Raptox.jpg');background-repeat: no-repeat; background-position: center; height:80px; width:80px;">
	</div>
210 Posts

</td>

Code (markup):

How can i get that div to center in there? (it leans left in FF)

Here is the class="message-poster-box"...

.message-poster-box
{
padding: 0 20px 20px 5px;
margin: 0;
width: 173px;
text-align: center;
border-bottom: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}

Code (markup):

 

have you tried to remove align="center" from the td and the align: center in your inline style?

from what i can see it should work, since you have text-align: center in your selector

edit: maybe try to have text-align: center in the div instead

 

I guess the margin:auto css attributum will solve your problem.

 

Yeah try margin: auto or margin: 0 auto on the div.

 

Margin:auto did the trick,thanks!