ImageButton not aligning to center.

Question

Given the following markup for a GridView column, why are my image buttons showing up as left aligned?

<ItemStyle HorizontalAlign="Center" Width="55px" />
<ItemTemplate>
    <asp:ImageButton ID="removeButton" runat="server" 
        ImageUrl="~/Images/Icons/x-m.png" 
        CommandArgument='<%# Eval("ResourceId") %>' 
        AlternateText="Remove Button" 
        onclick="removeButton_Click" />
</ItemTemplate>

Answer 1

Can you use css? You might have better luck styling using the following css.

Lets say width of x-m.png is 25px;

.X { width: 55px; }
.Y { display: block; margin: 0 auto;  width: 25px; } 

<ItemStyle cssClass="X" />
<ItemTemplate>
        <asp:ImageButton ID="removeButton" runat="server" 
        ImageUrl="~/Images/Icons/x-m.png" 
        CommandArgument='<%# Eval("ResourceId") %>' 
        AlternateText="Remove Button" 
        onclick="removeButton_Click"
        cssClass="Y"/>
</ItemTemplate>