This get all messed in ff, opera and ie works great

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style>body {background:#ffffff;
color:#494949;
font-family:tahoma;
font-size:11px;
padding:0;
margin:0;
line-height:14px;
text-align:center;
background-image:url(images/til_1.jpg)}

.wrap {background:#ffffff;
margin:0px auto;
padding:0;
width:702px;
height:757px}

#top {background:url(images/top_1.jpg) left top no-repeat;
margin:0;
padding:0;
width:702px;
height:202px;
text-align:left;}

#content {
width:702px;
margin:0;
padding:0;
text-align:left;
display:table;
height:443px}

#footer {background:url(images/bottom.jpg);
width:702px;
height:112px;
margin:0;
padding:0;
text-align:left;
vertical-align:top}


/*-------------------------------------------------------PAGE_1-------------------------------------------------------*/

#left_content {
padding:0;
margin:0;
text-align:left;
width:252px;
float:left;
height:100%;
}

.div {
padding:0;
margin:0;
text-align:left;
width:1px;
float:left;
height:100%;
background-image:url(images/rep_4.jpg)
}

#right_content {
padding:0;
margin:0;
float:right;
text-align:left;
width:449px;
height:100%
}

/*-------------------------------------------------------PAGE_2-------------------------------------------------------*/

.middle {
padding:0;
margin:0;
text-align:left;
width:224px;
float:left;
height:100%
}


/*--11111111111111111111111111111111111111111111111111---Small---11111111111111111111111111111111111111111111111111111111--*/

#left_qw {
padding:0;
margin:0;
text-align:left;
width:224px;
float:left
}
#right_qw {
padding:0;
margin:0;
float:right;
text-align:left;
width:224px
}
/*--1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111--*/


a{text-decoration:none;}
.a{text-decoration:none;}
a:hover{text-decoration:none;}
.a:hover{text-decoration:none;}
.clear {
clear:both}
.title {
padding:0;
margin:0;
text-align:left;
width:199px;
height:25px;
background-image:url(images/rep_1.jpg); background-repeat:repeat-x; background-position:bottom
}
.title2 {
padding:0;
margin:0;
text-align:left;
width:183px;
height:27px;
background-image:url(images/rep_2.jpg); background-repeat:repeat-x; background-position:bottom
}
.title3 {
padding:0;
margin:0;
text-align:left;
width:178px;
height:27px;
background-image:url(images/rep_3.jpg); background-repeat:repeat-x; background-position:bottom
}
.date {
padding:0;
margin:0;
text-align: center;
width:73px;
height:14px;
border-left:3px solid #6F9A15; background-color:#EEF4D8
}
#green_back {
padding:0;
margin:0;
text-align: left;
width:395px;
height:14px;
background-color:#EEF4D8;
background-image:url(images/ba_2.jpg); background-position:bottom; background-repeat:no-repeat;
display:table
}

/*--11111111111111111111111111111111111111111111111111---TEXT---11111111111111111111111111111111111111111111111111111111--*/
#zz li {list-style:url(images/p_2.jpg); margin:0 0 0 0px}
#zz a { font-family:tahoma; font-size:11px; color:#464742; margin-left:10px}
.text1 {
font-family:tahoma;
font-size:11px; 
color:#464742;
text-decoration:none}
.text_green {
font-family:tahoma;
font-size:11px; 
color:#6F9A15}
.text_orange {
font-family:tahoma;
font-size:11px; 
color:#FF7C00}
.text_green_dark {
font-family:tahoma;
font-size:11px; 
color:#2E4200}
.link_green_dark {
font-family:tahoma;
font-size:11px; 
color:#6A8538}
.link_green_light {
font-family:tahoma;
font-size:11px; 
color:#889D60}</style>
</head>

<body>
<div class="wrap">
<div id="top">
  <div style="padding-left:27px; padding-top:37px"><a href="index.html"><img alt=""  src="images/logo.jpg" width="261" height="53" border="0"></a></div>

  <div style="padding-left:92px; padding-top:45px"><a href="index-1.html"><img alt=""  src="images/h1.jpg" width="1" 

height="11" border="0" style="margin-right:70px "></a><a href="index-2.html"><img alt=""  src="images/h2.jpg" width="1" 

height="11" border="0" style="margin-right:85px "></a><a href="index-3.html"><img alt=""  src="images/h3.jpg" width="1" 

height="11" border="0" style="margin-right:170px "></a><a href="index-4.html"><img alt=""  src="images/h4.jpg" width="1" 

height="11" border="0" style="margin-right:135px "></a><a href="index-5.html"><img alt=""  src="images/h5.jpg" width="1" 

height="11" border="0" style="margin-right:100px "></a></div>
  </div>


<div id="content">
<!--*********************************************************************************-->
<div id="left_content">
<div style="padding-left:30px; padding-top:10px"><div class="title"><img  src="images/latecs_5.jpg" alt="" width="179" height="14" style="margin-left:12px "></div>
</div>
<div style="padding-left:42px; padding-top:26px; padding-right:25px">
  <div  class="date" style="width:116px; text-align:left; padding-left:6px; line-height:11px">Lorem ipsum dolor sit</div>

<style type="text/css">
	.titlen{	font-family: Arial; color: #000033; font-size: 17; font-weight: bold; font-style: ; text-decoration: ; }
	.text{	font-family: Arial; color: #000000; font-size: 12; }
	.textsmall{	font-family: Arial; color: #000000; font-size: 11; }
	a.titlelink:link { color: #0033CC;  }
	a.titlelink:active { color: #0033CC;  }
	a.titlelink:visited { color: #0033CC;  }
	a.titlelink:hover { color: #9999CC;  }

</style>
<p>Announcements</p>
		<div class=titlen>Earnest Request I</div><div class=textsmall>July 21, 2006</div><br>
		<div class=text>When you fill in either the "Contact Form", "Join My Mailing List" form or the "Membership Form"... Please a) ensure, that you entered correctly your e-mail address! b) disable spam filters for domain @prettyscreen.com. Thanks!</div><br /><br />
		</table><br></div>
<div style="padding-left:156px; padding-top:12px"><a href="#" class="text1"><strong>read more</strong></a> <img alt=""  src="images/p_1.jpg" align="middle"></div>
</div>
<div class="div"><img src="images/di_1.jpg" alt=""><div style="height:440px"></div><img src="images/di_1.jpg" alt=""></div>

<div id="right_content">

<div style="padding-left:24px; padding-top:0px"><img src="images/ba_1.jpg" alt=""></div>
<div style="padding-left:24px; padding-top:0px"><div id="green_back">
  <div style="padding-left:21px; padding-top:14px; padding-right:27px; padding-bottom:27px"><img src="images/pic_1.jpg" alt="" align="left" style="margin-right:26px"><br style="line-height:7px ">
<img src="images/trust.jpg" alt=""><br>
<br style="line-height:25px ">
Lorem ipsum dolor sit amet, consec in tetuer adipiscing elit. Praesent vestibulXum molestie lacus. Aenean nonummy hendrerit.</div>
</div></div>

  <div style="padding-left:25px; padding-top:8px">
    <div class="title2"  style="width:395px "><img  src="images/best_5.jpg" alt="" width="159" height="16" style="margin-left:12px "></div>
  </div>

<div style="padding-left:36px; padding-top:23px; padding-right:45px; padding-bottom:10px"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing 
</strong><br>
<br style="line-height:5px ">
Praesent vestibulum molesceum dolor sit amet, coctetuer adipiscing raesent vestibulum. molestie lacus. Aenean nonuendrerit mauris. Phasellus porta.</div>
<div  id="zz"><div id="left_qw">
  <div style="padding-left:52px; padding-top:0px; padding-bottom:0px">
    <ul style="margin:0; padding:0; line-height:23px">
      <li><a href="#">Lorem ipsum dolor siet</a></li>
      <li><a href="#">Consec tetuer mestibulu</a></li>
      <li><a href="#">Denean nonumy hendre</a></li>

      <li><a href="#">Fusce suscipit varius cum</a></li>
    </ul>
  </div>
  </div>
  <div class="div" style="height:95px "><img src="images/di_1.jpg" alt=""><div style="height:100%; vertical-align:bottom"></div><img src="images/di_1.jpg" alt=""></div>
  <div id="right_qw">
    <div style="padding-left:44px; padding-top:0px; padding-bottom:0px">
      <ul style="margin:0; padding:0; line-height:23px">

        <li><a href="#">Lorem ipsum dolor siet</a></li>
        <li><a href="#">Consec tetuer mestibulu</a></li>
        <li><a href="#">Denean nonumy hendre</a></li>
        <li><a href="#">Fusce suscipit varius cum</a></li>
      </ul>
    </div>
    <br>

</div></div>
<div style="padding-left:25px; padding-top:15px; clear:both"><div class="title3" style="width:395px "><img  src="images/feat_5.jpg" alt="" width="173" height="14" style="margin-left:12px "></div>
</div>
<div style="padding-left:36px; padding-top:25px; padding-right:45px; padding-bottom:10px"><a href="#"><img src="images/sol_1.jpg" alt="" width="123" height="110" border="0" align="left" style="margin-right:12px"></a><strong class="link_green_light">Lorem ipsum dolor sit amet, constuer</strong><br>
      <br style="line-height:5px ">
  Praesent vesbulum molesceum dr sit ametudng molestie lacus. Aenean nonumhendrerit mauris. Phasellus porta. Fusce supit varius mi. <br>
  <br style="line-height:10px ">
  Cum sociis natoque penatibus et magnis disar-<br>
  turienmontes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuad odio. Morbi nu.</div>

  <div style="padding-left:346px; padding-top:7px; clear:both"><a href="#" class="text1"><strong>read more</strong></a> <img alt=""  src="images/p_1.jpg" align="middle"></div>
</div>
<!--*********************************************************************************-->
</div>

<div id="footer" class="clear">
<div align="right" class="text1" style="padding-right:28px; padding-top:42px "><a href="index.html" class="text1"><strong>Home</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-1.html" class="text1"><strong>About Us</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-2.html" class="text1"><strong>Events</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-3.html" class="text1"><strong>Services</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-4.html" class="text1"><strong>Solutions</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_green">|</span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-5.html" class="text1"><strong>Contacts</strong></a><br>

<br style="line-height:5px ">
Copyright &copy; BusinessCompany, 2006&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="index-6.html" class="text_orange">Privacy Policy</a></div>
</div>
</div>
</body>
</html>
Someone know why?