vrotmnetamagavk

Подскажите что не так

Вот исходники php // Форма регистрации print <<<HERE <form action="reg.php" name="reg" method="post" class="tr"> <center> <p> HERE; $handle = mysql_query("select count(*) from user"); $tmp = mysql_fetch_array($handle); echo $myrow['7']; print <<<HERE <strong> HERE; echo $tmp[0]; print <<<HERE </strong> </p> <p> <input name="name" type="text" size="28" placeholder=" HERE; echo $myrow['1']; print <<<HERE "> </p> <p> <input name="fname" type="text" size="28" placeholder=" HERE; echo $myrow['1b']; print <<<HERE "> </p> <p> <input name="login" type="text" size="28" placeholder=" HERE; echo $myrow['2']; print <<<HERE "> </p> <p> <input name="email" type="text" size="28" placeholder=" HERE; echo $myrow['3']; print <<<HERE "> <p> <input name="password" type="password" size="28" placeholder=" HERE; echo $myrow['4']; print <<<HERE " > </p> <h1></h1> <p> <a href="javascript: document.reg.submit ()" class="button"> HERE; echo $myrow['0']; print <<<HERE </a> </p> </center> </form> HERE; // Форма входа print <<<HERE <center> <form action="vxod.php" name="vxod" method="post" class="rt"> <h2> HERE; echo $myrow['6']; print <<<HERE </h2> <p> <label> HERE; echo $myrow['3']; print <<<HERE <br></label> <input name="email" type="text" size="20" HERE; if (isset($_COOKIE['email'])) { echo ' value="'.$_COOKIE['email'].'">'; } print <<<HERE </p> <p> <label> HERE; echo $myrow['4']; print <<<HERE <br></label> <input name="password" type="password" size="20" HERE; if (isset($_COOKIE['password'])) { echo ' value="'.$_COOKIE['password'].'">'; } print <<<HERE </p> <p> <input name="no" type="checkbox" value='1'> HERE; echo $myrow['no']; print <<<HERE </p> <p> <a href="javascript: document.vxod.submit ()" class="button"> HERE; echo $myrow['5']; print <<<HERE </a> </p></form></center> HERE; css .button{ text-decoration:none; text-align:center; padding:9px 13px; border:solid 1px #012d40; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; font:11px Tahoma, Geneva, sans-serif; font-weight:bold; color:#fcffff; background:#deb200; -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 7px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 7px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 7px #ffffff; } .tr{margin: 8%;margin-left: 3%;margin-top: 4%; width: 250px; padding: 15px; background-color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0px;} .lan{padding-right: 76%;} a { text-decoration: none; } .rt{ margin-left: 40%;margin-top: -14%;margin-right: 40%; width: 250px; padding: 15px; background-color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0px; padding-top: -17%;}

Как сделать чтобы при увеличении и уменьшении не было вот такого (всё стояло на своём месте) Так выглядит стандартно: При увеличении: При уменьшении: