eccolo scusa

PAGINA ASP
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
	<head>
		<title>titolo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<link rel="stylesheet" type="text/css" href="/styles/stile.css" />
	</head>
	<body lang="it-IT">
		<div id="container">
			<div id="header">header</div>
			<div id="purple">purple</div>
			<div id="right">right</div>
			<div id="content">content</div>
			<div id="footer">footer</div>
		</div>
	</body>
</html>

ed il CSS:
codice:
body { background-image: url(/images/back.gif); font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color: #000000; letter-spacing: 0.2mm; margin: 0px; text-align: center; }

div#container { width: 894px; margin: 0px auto; text-align: left; background-color: #ffffff; background-image: url(/images/backpage.gif); background-repeat: repeat-y; padding-left: 5px; padding-right: 5px; position: relative; }

div#header { width: 884px; height: 40px; margin: 0px auto; background-color: #cccccc; text-align: left; padding: 5px; margin-bottom: 3px; }
div#purple { width: 884px; height: 250px; margin: 0px auto; background-color: #ff00ff; text-align: left; padding: 5px; margin-bottom: 3px; }
div#content { width: 610px; height: 480px; margin: 0px auto; background-color: #ff0000; text-align: left; float: left; dislay: inline; padding: 5px; margin-bottom: 3px; }
div#right { width: 261px; height: 450px; margin: 0px auto; background-color: #ffff00; text-align: left; float: right; display: inline; padding: 5px; margin-bottom: 3px; margin-left: 3px; }
div#footer { width: 884px; height: 40px; margin: 0px auto; background-color: #00ff00; text-align: left; clear: both; margin-top: 3px; padding: 5px; }
ovviamente le altezze che sono impostate sono solo di prova...