表单呈现不正确

Question

我正在将HTML表单提交给PHP脚本，该脚本运行良好，但是运行不正常是，当PHP运行时，我拥有的LOGO覆盖了表单返回的用户文本，并且似乎无法向下移动表单信息，当我修改CSS以影响返回的用户输入时，没有任何反应。徽标在表单html页面上很好，但是如何将用户输入向下移动到徽标下方，而不是卡在返回的PHP页面上？

HTML：

cascade='all, delete-orphan'

CSS：

 <div id="logo">
    <img src=http://mylogo.com/logojpg>
</div>
<div id="user">
    <form action="Form.php" method="post" id="myform" name="myform">
    <p class="topofdiv">Please sign up</p>
    <p>
    First Name:<br>
    <input type="text" name="firstname" id="firstname" size="30">
    </p>

    <p>
    Last Name:<br>
    <input type="text" name="lastname" id="lastname" size="30">
    </p>

    <p>
        <input type="submit" id="adduser" value="Submit Information">
    </p>

    </form>

PHP：

    html {margin:0; padding:0;}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    margin: 0;
}

p {
    font-size: 20px;
}

input {
    font-size: 20px;
}

select {
    font-size: 55px;
}

#user{
    position: absolute;
    top: 100px;
    left: 10px;
    width: 350px;
    height: 550px;
    padding: 10px;

}

#logo
{
    position: absolute;
    top: 0;
    left: 0;

}

#myform{
    position: absolute;
    top: 100px;
}