Esiste una costruzione come la sottostante per un Layout oppure sono pazzo?
Particolare riferimento al valore "margin-left: -900px;" della barra stessa, per poterla portare a sinistra rispetto al "#contenuti" della pagina... altrimenti la nav parte da dove il content finisce !?
Voglio una barra di navigazione in basso e il resto della pagina sopra di essa.

CSS:
codice:
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#773634;
	color:#000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

/* Layout principale sito */



#contenuti{
  	float:left;
	width: 90%;
	height:550px;
	margin-left: 45px;
	background-color:#FFFF66;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#navBar{       
	float: left;
	margin-top: 550px;
	margin-left: -900px;
	padding: 0px;
}

HTML:
codice:
<body>

<div id="contenuti">
	

testo</p>
</div>

<div id="navBar">
	

menu di nav</p>
</div>
Purtroppo sono alle prime armi coi CSS ma un costrutto del genere mi sembra strano.

Grazie