questa è la mia prima pagina html seria
volevo il vostro parere riguardo all'organizzazione del codice

come vi sembrano le istruzioni css?

codice:
<!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=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
body {
	background-color: #EFEFEF;
	background-image: url(http://www.imagenerd.com/uploads/background-HtNWA.png);
	background-repeat: repeat-x;
	margin: 40px;
}
a:link {
	color: #F60;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #F00;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #F60;
}
.header {
	background-image: url(http://www.imagenerd.com/uploads/header-gTXQv.png);
	background-repeat: repeat-x;
	height: 183px;
	width: 100%;
}
.header-right {
	position: absolute;
	height: 183px;
	width: 33px;
	right: 7px;
	background-image: url(http://www.imagenerd.com/uploads/header-right-z8z8c.png);
	background-repeat: no-repeat;
}
.header-left {
	position: absolute;
	height: 183px;
	width: 33px;
	left: 7px;
	background-image: url(http://www.imagenerd.com/uploads/header-left-ywEvQ.png);
	background-repeat: no-repeat;

}
.ttl {
	width: 80%;
	margin-left: 10%;
	padding-top: 70px;
	text-align: center;
}
.details {
	width: 80%;
	margin-left: 15%;
	text-align: right;
	font-weight: bold;
	color: #434343;
}
-->
</style></head>

<body>
<div class="header">
  <div class="header-left"></div>
  <div class="header-right"></div>
  <div class="ttl">[img]images/title.png[/img]</div>
  <div class="details"><span class="details">Copy Right, dettagli ecc...</span></div>
</div>
<div>CORPO PAGINA</div>
</body>
</html>
i nomi delle classi li ho scritto un po alla cazzo
non fateci caso