请教一个CSS的小问题

<body>
    <form id="form1" runat="server">
    <div id="A" style="width:650px; height:400px; background:url(../images/ask_bg.gif) no-repeat;">
        <div id="B" style="text-align:right; padding-right:50px; margin-top:50px">有什么问题、疑问，请在处提交，以获取解答帮助</div>
        <table id="C" style="width:600px; border-width:0px; border-spacing:4px; text-align:left; border:solid 1px #DDDDDD; margin-top:50px;" align="center">
            <tr>
                <td>回答内容：<asp:TextBox ID="tb01book" runat="server" Height="50px" 
                TextMode="MultiLine" Width="300px" MaxLength="200" style="vertical-align:middle"></asp:TextBox> 最多200字</td>
            </tr>
            <tr>
                <td>回 复 人：<asp:TextBox ID="tb02link" 
                runat="server" MaxLength="20" Width="95px"></asp:TextBox>　验证码：<asp:TextBox 
                     ID="yzm" runat="server" MaxLength="5" Width="66px"></asp:TextBox>　<asp:Button ID="btn_ly" 
                        runat="server" Text="回复" /></td>
            </tr> 
        </table>
    </div>      
    </form>
</body>我想让B距离A顶部为50px；C距离B底部为50PX；为何上面的两个margin-top:50px不起作用呢？？？？？？？？？