div cn float triste molto triste..... mi sposta menu laterali

[pattolo]

ecco l'oggetto del mio problema
http://80.117.118.165/www.businessandtax.it/index.html

in pratica il div content invece che star subito sotto al div downheader sta alla sua stessa altezza andando cosi' in sfondo

mentre se faccio i vari br br br per abbassarlo si muovono i due div float laterali....

il codice pagina e' questo

<div id="container">
  <div id="header">
  </div>
  <div id="downheader">
  </div>
  <div id="content">
  </div>
  <div id="navigation">
  </div>
  <div id="extra">
  </div>
   <div id="footer">
   </div>
</div>

dove il risultato (che ho gia' ottenuto non utilizzando float) dovrebbe essere

header
downheader
navigation - content - extra
----------footer------------

eppure vedete come risulta

/* CSS Document */
html,body{margin:0; padding: 0}

body{
    text-align: center;   /*centra in IE 5.x */
	}

div#container{
    width: 775px;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
	position: relative;
    font-size: 76%;
	} 

div#header{
	position: relative;
	width: 775px;
	height: 95px
	}
	
div#downheader{
	position: absolute;
	width: 775px;
	height: 73px;
	left: 0;
    top: 95px; /*l' altezza dell' header*/
	background-image: url(../images/down_header.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
	color: #FFFFFF;
	padding: 0em 0 0 0px
    }

div#navigation{
	float: left;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 0em 0 0 0px
	}
	
div#extra{
	float: right;
	right: 0;
	top: 168px;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 0em 0 0 0px
	}
	
div#content{
	top: 168px;
	margin: 0 170px;
	padding: 1em 10px;
	}



div#footer{
	clear: both;
	text-align: center
	}

.clear {
 clear: both;
 border: none;
}
	
div{
	border: 1px solid black;

	}
	

		
a.left:link{ 
	text-decoration: none;
	color:#FFFFFF;
	}

a.left:visited{
	text-decoration: none;
	color:#FFFFFF;
	}

a.left:hover{
	text-decoration: none;
	color:#FFFFFF;
	}

a.top:link { 
	text-decoration: none; 
	color:#ffffff; 
	font-size:145%; 
	font-family: times new roman;
	}

a.top:visited { 
	text-decoration: none; 
	color:#ffffff; 
	font-size:145%; 
	font-family: times new roman;
	}

a.top:hover { 
	text-decoration: underline; 
	color:#ffffff; 
	font-size:145%; 
	font-family: times new roman;
	}

#search{
	margin-top: 0;
}

[pattolo]

nessuno sa dov'e' il problema?

[span]

tira via position absolute top e left da #downheader, intanto

[pattolo]

si beh ma i due div dei menu laterali sempre in posizione sbagliata stanno... o meglio iniziano dove finisce il content

[span]

Originariamente inviato da span
tira via position absolute top e left da #downheader, intanto

poi metti content dopo i due div con float: left;

il float ha effetto sugli elementi che suguono, non su quelli che precedono ;-)

[pattolo]

argh ecco questa proprio nn la sapevo... grazie mille ^^ ero convinto fosse il contrario :P