Помогите решить вот такую проблемку: CSS - код @charset "utf-8"; /* CSS Document */ body { background-color:#FFF; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } /*Бокс 1*/ div.h1 { margin: 10px; padding:35px; background-image:url(../img/Log_in.jpg); width:230px; } .ot_l {margin-top:3px; margin-bottom:3px; margin-left:8px;} .ot_p {margin-top:3px; margin-bottom:3px; margin-left:3px;} .f_1 {font:Verdana, Geneva, sans-serif; font-size: 11px;} /*Бокс 2*/ div.h2 { margin:10px; width:300px; height:150px; background-image:url(../img/Log_in.jpg); position:absolute; right:10px; top: 60px; } PHP - код <body> <table width="100%" height="50" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> </td> <td width="200"> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div class="h1"> <table width="230" height="80" border="0" align="center" cellspacing="0" cellpadding="0" class="f_1"> <tr> <td> <form name="form1" method="post" action="" class="ot_l"> <label>Логин <input type="text" name="login" id="login"> </label> </form> </td> <td width="30" rowspan="3"> </td> </tr> <tr> <td><form name="form2" method="post" action="" class="ot_p"> <label>Пароль <input type="text" name="Password" id="Password"> </label> </form> </td> </tr> <tr> <td align="center"><a href="Blog/reg_in/reg.php">Регистрация</a> <a href="Blog/reg_in/pas_rec.php">Забыли пароль?</a></td> </tr> </table> </div> <div class="h2"> </div> </td> </tr> </table> <table width="100%" height="50" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> </body> Вот что получается: Как сделать что бы один блок не наезжал на другой?.. Буду очень признателен за помощь...