Allora, io vorrei realizzare una pagina di questo genere

Il fatto è che come al solito non riesco a fare i posizionamenti con i div!
Ecco il codice della pagina:
codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="top">top</div>
<div id="time">time</div>
<div id="menu">menu</div>
<div id="cerca">cerca</div>
<div id="login">login</div>
<div id="poll">poll </div>
<div id="principale">principale

</div>
</body>
</html>
...ed ecco il css...
codice:
body {
	margin: 0px;
	position: relative;
}
div#top {
	border: 2px outset; 
	width: 80%; 
	height: 14%;
	margin-bottom: 2%;
}
div#time {
	border: 2px outset; 
	width: 15%;
	height: 14%;
	position: absolute; 
	top: 0%; 
	right:0%;
	margin-bottom: 2%;
}
div#menu {
	border: 2px outset; 
	width: 170px;
	float: left;
}
div#principale {
	border: 2px outset;
	/*width: 100%;*/
	position: absolute;
	top: 20%;
	left: 200px;
	right: 200px;/*
	margin-left: 200px;
	margin-right: 200px;*/
}
div#cerca {
	border: 2px outset;
	width: 170px;
	float: right;
}
div#login {
	border: 2px outset;
	width: 170px;
	float: bottom;
}
div#poll {
	border: 2px outset; 
	width: 170px;
	float: bottom;
}
Grazie in anticipo anche solo per aver letto sto lunghissimo post!

Byez