When i am running this code in mozilla then its working fine but in chrome the alignment changes.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>ALM- Course Outline</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" align="center" link="#3399CC" vlink="#909090">
<table cellpadding="0" cellspacing="0" align="center" height="185" width="750"
>

<tr>
<td height="434">
<table width="1000" align="center" cellpadding="0" cellspacing="0" height="26">
<tr>
<td colspan="2" height="51" bgcolor="#FFFFFF">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><img src="images/header.jpg" width="1000" height="127" position="relative" top="20"></font></div>
</td>

</tr>
</table>
<table width="1000" align="center" cellpadding="3" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td height="2" valign="middle" bgcolor="#FFFFFF" colspan="2">
<div >
<p align="left"><font face="Arial, Helvetica, sans-serif" size="4"><b><font face="Verdana, Arial, Helvetica, sans-serif" color="#1771d6">
Asset Liability Management</font></b></font></p>
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">A comprehensive e-learning product covering Global Best Practices, Strategic,Operational and Analytical aspects</font>
</div>

</td>
</table><BR>
<div style="position:absolute"> <!-- start div for image -->
<img style="z-index: -1;" src="color_box.jpg" width="1000" height="347" top="50"> <!-- the image -->
</div> <br><br> <!-- end div -->
<div style="position:absolute; z-index: 1; width: 510px; height:310px; background:#222222; position: relative; left:10; top:-17">
<div style="margin: auto; color: #fff" ><font face="Verdana, Arial, Helvetica, sans-serif"><font size="5" color="#37cded">&thinsp;The themes of this product are:</font>
<br>
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Exposure by 'Choice' not
by 'Chance'</font>
<br> <br>
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Assets and Liabilities
may be good when viewed in isolation <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;but what is &nbsp;required is a
proper match between them</font><br><br>
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;An integrated approach
with our proprietary 9-Part Framework<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for ALM</font><br><br>
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Examine not only what is
On-Balance Sheet and Off-Balance<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sheet but also what is behind the Balance Sheet <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Quality of
&nbsp;Risk Management Infrastructure)</font>
</div>


<div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-144">
<img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
<br></div>
<div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-145">
<img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
<br></div>
<div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-145">
<img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
<br></div>
<div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-146">
<img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
<br></div>
<div style="position:absolute ; z-index: 2; width: 31px; height:37px; background: ; position: relative; left:740; top:-148">
<img style="z-index: -1;" src="icon.png" width="40" height="30" top="50">
<br></div>

<div style="position:absolute ; z-index: 1; width: 220px; height:263px; background:#222222; position: relative; left:760; top:-382">
<br><br><br>
<a href="#highlights" STYLE="TEXT-DECORATION: NONE"><font face="Verdana, Arial, Helvetica, sans-serif" color="ffffff">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Highlights
</font><br><br>

<a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Library of 28 Courses
</font><br><br>
<a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Available Products
</font><br><br>
<a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Upcoming Products
</font><br><br>
<a href="#Product Suite" STYLE="TEXT-DECORATION: NONE"><font color="ffffff">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Reply Form
<br><br><br>
</font>
</div>