Помогите решить вот такую проблемку: 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>  Вот что получается:   Как сделать что бы один блок не наезжал на другой?.. Буду очень признателен за помощь...