Gridview background image label not centered

I have got some help with placing a background image on a gridview cell which works but now when I put text in the cell it is aligned to the top of the cell and not the middle.  All other cells are aligned to the middle.  The gif file is a green circle and I want the value to appear over it.

   <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
        CellPadding="4" ForeColor="#333333" GridLines="None" CssClass="gridviewStyle">
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <RowStyle HorizontalAlign="Center" VerticalAlign="Middle" />
        <Columns>
            <asp:HyperLinkField DataNavigateUrlFields="fldWebLink"
                DataNavigateUrlFormatString="/ews/{0}" DataTextField="fldKRIName"
                HeaderText="KRI" />
            <asp:TemplateField HeaderText="Date" SortExpression="fldDate">
                <ItemTemplate>
                    <asp:Label ID="Label2" runat="server"
                        Text='<%# Bind("fldDate", "{0:dd/MM/yyyy}") %>'></asp:Label>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("fldDate") %>'></asp:TextBox>
                </EditItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Month">
                <ItemTemplate>
                    <div style="background-image:url('<%# Eval ( "fldStatusMonth", "/ews/images/{0}.gif" ) %>');background-repeat:no-repeat;background-position:center;height:50px;vertical-align:middle;">
                        <asp:Label ID="Label1" runat="server"
                            Text='<%# bind("fldstatusmonth") %>'></asp:Label>
                    </div>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="YTD">
                <ItemTemplate>
                    <img src='<%# Eval ( "fldStatusYTD", "images/{0}.gif" ) %>'>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="fldComment"
                HeaderText="Comment" SortExpression="fldComment" />
        </Columns>
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <EditRowStyle BackColor="#2461BF" />
        <AlternatingRowStyle BackColor="White" />
    </asp:GridView>


here is the resulting html code -
      <table class="gridviewStyle" cellspacing="0" cellpadding="4" border="0" id="ctl00_ContentPlaceHolder1_GridView1" style="color:#333333;border-collapse:collapse;">
            <tr style="color:White;background-color:#507CD1;font-weight:bold;">
                  <th scope="col">KRI</th><th scope="col">Date</th><th scope="col">Month</th><th scope="col">YTD</th><th scope="col">Comment</th>
            </tr><tr align="center" valign="middle">
                  <td><a href="/ews/hs/hsdisplay.aspx">Health and Safety</a></td><td>
                    <span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_Label2">31/07/2008</span>
                </td><td>
                    <div style="background-image:url('/ews/images/3.gif');background-repeat:no-repeat;background-position:center;height:50px;vertical-align:middle;">
                        <span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_Label1">3</span>
                    </div>
                </td><td>
                    <img src='images/4.gif'>
                </td><td>                    </td>
            </tr>
      </table>