内容漂浮在图片上（div漂浮）

<style type="text/css">
<!--
 .d1 {
            position:absolute;
            top:40px;
            left:0px;
            500px;
            height:278px;
        }
    .d2 {
            position:absolute;
            500px;
            height:317px;
        }
    .d3 {
        position:relative;
        500px;
        height:317px;
        float:left;
    }
-->
</style>

<asp:DataList ID="dtMain" runat="server" RepeatColumns="2" RepeatDirection="Horizontal">
            <ItemTemplate>
                <div class='d3'>
                <div class='d2'><%= strImg %></div>
                <div class='d1'>
                <table class='TableData'  width='100%'>
                <tr>
                <td height="210" style="text-align:center; vertical-align:middle; border:0 0 0 0; line-height:normal;" colspan="4"><span style="font-size:120px;"><font face="黑体"><strong><%#(DataBinder.Eval(Container, "DataItem.PetName")) %><strong></font></span></td>
                </tr>
                <tr>
                <td width='20%' style='text-align:center; border:0 0 0 0;line-height:normal;' ><font face='黑体' size='6'><strong><%#(DataBinder.Eval(Container, "DataItem.IsShowClass"))%></strong></font></td>
                <td width='25%' style='text-align:center; border:0 0 0 0; line-height:normal;'><font face='黑体' size='6'><strong><%#(DataBinder.Eval(Container, "DataItem.ClassNum"))%></strong></font></td>
                <td width='23%' style='text-align:center; border:0 0 0 0; line-height:normal;'><font face='黑体' size='6'><strong><%#(DataBinder.Eval(Container, "DataItem.Category"))%></strong></font></td><td style='text-align:center; border:0 0 0 0; line-height:normal;'><font face='黑体' size='6'><strong><%#(DataBinder.Eval(Container, "DataItem.Name")) %></strong></font></td>
                </tr>
                </table>
                </div>
                </div>
            </ItemTemplate>
        </asp:DataList>