ciao a tutti, ho un problema sulla visualizzazione della pagina di cui vi posto sotto il codice

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-Language" content="it">
<link rel="stylesheet" type="text/css" href="css/articolo_style.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/articolo_print.css" media="print">

<title>ARTICOLO</title>
</head>
<body>
<div id="header">
	<p id="testata"><font class="black">STANNO</font><font class="red">ARRIVANDO</font></p>
</div>
<div id="centra">
	<div class="inizio">
		<div class="boxrosso">
			<h1>
				ALFA ROMEO
			</h1>
			<h2>
				MiTo Multiair
			</h2>
			

prova testo - prova testo - prova testo
			   prova testo - prova testo - prova testo 
			   prova testo - prova testo - prova testo 
			   prova testo - prova testo - prova testo 
			</p>
		</div>
		<hr>
		<div class="boxrosso">
			<h1>
				BMW
			</h1>
			<h2>
				Serie 320
			</h2>
			

prova testo - prova testo - prova testo
			   prova testo - prova testo - prova testo 
			   prova testo - prova testo - prova testo 
			   prova testo - prova testo - prova testo 
			</p>
		</div>
	</div>
</div>
</body>
</html>
allego anche il file css associato
codice:
html {
	height:100%;
}
img {
	float:left;
	border:none;
	width:80%;
}
h1{
	font-family:Verdana,sans-serif;
	font-size:16px;
	font-weight:800;
	color:white;
	margin-top:auto;
}
h2{
	font-family:Verdana,sans-serif;
	font-size:16px;
	font-weight:800;
	color:black;
	margin-top:auto;
}
#header
{
	margin: 0px auto;
	max-width:780px
}
#testata
{
	font-family:Verdana,sans-serif;
	font-size:34px;
	font-weight:500;
	color:black;
	margin-right:50px;
}
p{
	font-family:verdana,sans-serif;
	font-size:12px;
}
div.inizio
{
	float:left; 
}
div.boxrosso{
	width:200px;
	height:20px;
	background-color:red;
	margin-top:auto;
}
font.black{
	color:black;
	float:left;
	margin-right:100px;
}
font.red{
	color:red;
}
#centra{
	margin-left:auto;
	margin-right:auto;
	max-width:780px;
}
allora io non vorrei che si sovrapponessero i div....vorrei che l'effetto fosse proprio quello visuale che si intuisce dal codice ovvero :

ALFA ROMEO##################
MiTo Multiair

prova testo - prova testo - prova testo
prova testo - prova testo - prova testo
prova testo - prova testo - prova testo
prova testo - prova testo - prova testo
_________________________________

BMW#######################
Serie 320

prova testo - prova testo - prova testo
prova testo - prova testo - prova testo
prova testo - prova testo - prova testo
prova testo - prova testo - prova testo