html, разница при отображении в разных браузерах - Public forum of MSU united student networks

Подскажите плз как бороться с различиями в браузерах.
Сделал простую страницу, а она отображается различно в firefox и opera.
Какие есть основные принципы борьбы с этим явлением ?
Плюс как можно починить этот случай ?
Проблема - таблица 1 от таблицы 2 отстоит на пару строк в опере, в файрфоксе все слитно

Код :

code: <HTML><HEAD><TITLE>Тестирование</TITLE></HEAD>
	
<body style='padding:0px;margin:0px;center 20px;width:939px;margin:auto;padding-top:20px;padding-bottom:20px;font-size:22px;font FACE:Arial;text-align:center;'>

<img style = 'position:relative;left:-2px;' src="2_nh.JPG">

<div style='background:url(2_nmid2.JPG) repeat-y;width:939px;clear:left;height:708;margin:0;'>

		<div style='font-size:24px;text-decoration: underline;position:relative; top:-51;left:-163px;'>
					<font COLOR=#FFFFFF FACE="Arial">A1</FONT>
		</div>
		<div style='font-size:14px;position:relative; top:-73;left:70px;'>
					<font FACE="Arial"><I>Вопросов : 1 из 35</I></FONT>
		</div>
		<div style='font-size:14px;position:relative; top:-92;left:300px;'>
					<font FACE="Arial"><I>Экзаменуемый : </I><B><font size=4>Малько Д.В.</FONT></B></FONT>
		</div>
		<div style='font-size:14px;position:relative; top:-50;left:35px;'>
					<table width = "85%" CELLPADDING=10 ALIGN=CENTER border=0>
							<tr>
									<td width = "140px" ALIGN=right VALIGN=TOP>
											<div style='font-size:16px;height:400px;'>
														<font FACE="Arial"><B>Вопрос:</B></FONT>
											</div>
									</td>
									<td width = "500px" ALIGN=left VALIGN=TOP>
											<div style='font-size:14px;height:400px;'>
														<font FACE="Arial">У атома серы число электронов на внешнем энергетическом уровне и заряд ядра равны соответственно</FONT><br>
											</div>
									</td>
							</tr>
							<tr>
									<td ALIGN=right VALIGN=TOP>
											<div style='font-size:16px;height:150px;'>
														<font FACE="Arial"><B>Варианты&nbsp;ответов:</B></FONT>
											</div>
									</td>
									<td width = "600px" ALIGN=left VALIGN=TOP>
											<font FACE="Arial">1. 4 и + 16<br>2. 6 и + 32<br>3. 6 и + 16<br>4. 4 и + 32</FONT>
									</td>
							</tr>
					</table>
					<img style='position:relative; left:-35;' src="2_nmid.JPG">
		</div>
		<FORM ACTION="Step2.php" METHOD=POST>
					<div style='font-size:14px;text-align: left; position:relative; top:-50;left:-20px;'>
							<table width = "85%" CELLPADDING=10 ALIGN=CENTER border=0>
										<tr>
												<td width = "200px" ALIGN=right VALIGN=BOTTOM>
														<font FACE="Arial"><B>Номер варианта ответа:</B></FONT>
												</td>
												<td width = "40px" ALIGN=left VALIGN=TOP>&nbsp;</td>
												<td></td>
												<td>&nbsp;1<br><INPUT TYPE=RADIO NAME="answer" VALUE="1"></td>
												<td>&nbsp;2<br><INPUT TYPE=RADIO NAME="answer" VALUE="2"></td>
												<td>&nbsp;3<br><INPUT TYPE=RADIO NAME="answer" VALUE="3"></td>
												<td>&nbsp;4<br><INPUT TYPE=RADIO NAME="answer" VALUE="4"></td>
												<td width = "90px">&nbsp;</td>
												<td VALIGN=BOTTOM>
															<INPUT TYPE=HIDDEN NAME="n_curr" VALUE="1">
															<INPUT TYPE=HIDDEN NAME="subj" VALUE="Химия">
															<INPUT TYPE=HIDDEN NAME="year" VALUE="2005">
															<INPUT TYPE=HIDDEN NAME="vers" VALUE="A">
															<INPUT TYPE=HIDDEN NAME="numtotal" VALUE="35">
															<INPUT TYPE=HIDDEN NAME="ans_hist0" VALUE="">
															<INPUT TYPE=SUBMIT NAME="SUBMIT" VALUE="   Дальше!   ">
												</td>
									</tr>
							</table>
				 </div>
		</form>		 
		</div>
		<img style='position:relative; top:-20;' src="2_nf2.JPG"></div>  
     
    




</BODY></HTML>