css help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:364px;
	height:241px;
	z-index:1;
	top: 26px;
	left: 26px;
	visibility: visible;
}
#Layer2 {
	position:absolute;
	width:350px;
	height:113px;
	z-index:auto;
	left: 7px;
	top: 4px;
}
.flow {
  float: right;
  clear: left;
  margin: 100px 11pt 0px 0px
}
h1 {
	font-size: 14px;
	font-family: Arial;
	color: #00328f;
	font-weight: bold;
	text-indent: 1em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #a42525;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	text-indent: 1em;
	padding-top: 0px;
    padding-right: 0em;
}
span {
	color: #a42525;
	font-size: 11pt;
	font-style: italic;
}
.special { 
	color: #00328f;
	font-size: 11pt;
	font-weight: bold;
}
body {
	margin-left: 2px;
	margin-right: 2px;
	font-family: Arial;
}
a {
	font-family: Arial;
	color: #00328f;
}
a:link {
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.style1 {font-size: 11px}
#Layer3 {
	position:absolute;
	width:340px;
	height:19px;
	z-index:1;
	left: 0px;
	top: 97px;
}
.style2 {
	color: #00328f;
	font-style: normal;
	font-size: 11px;
}
#Layer4 {
	position:absolute;
	width:200px;
	height:76px;
	z-index:1;
	left: 12px;
	top: 138px;
}
#Layer5 {
	position:absolute;
	width:150px;
	height:12px;
	z-index:2;
	left: 12px;
	top: 123px;
	visibility: visible;
}
#Layer6 {
	position:absolute;
	width:340px;
	height:78px;
	left: -5px;
	visibility: visible;
	top: -16px;
	z-index: 3;
}
.style3 {
	font-size: 12px;
	color: #FFFFFF;
}
-->
</style>
</head>

<body>
<div id="Layer1">
  <div align="center">
    <div id="Layer2">
      <div align="left">

        <img src="images/thumb100x75_border.jpg" style="float:left; margin-left:0px;" alt="KEVIN Rudd" />
        <h1> Coalition closes gap on Labor</h1>
        <h3><span class="11px style1">4:06pm:</span> KEVIN Rudd has emerged as preferred prime minister and surged to a record approval rating, but the Coalition has made inroads into Labor's support.</h3>
        <p>&nbsp;</p>
      </div>
      <div id="Layer3">

        <div align="left"><img src="images/comment_icon.jpg" alt="comment icon" width="8" height="8" /> <a href="commentslinkpage.htm"><span class="style2"><strong>84 Comment(s)</strong> about this story</span></a> </div>
      </div>
    </div>
  </div>
  <div id="Layer5">
    <h4 class="style3">Breaking News </h4>

  </div>
  <div id="Layer4">
    <div id="Layer6"><img src="images/bg.jpg" alt="background" width="350" height="100" /></div>
  </div>
</div>
</body>
</html>