grazie mille mich_ è proprio quello che intendevo fare.
Solo che in ie6 va , mentre in ff il footer si posiziona dopo il menu' , dove sbaglio? ti posto il css e l'html se proprio ti va di aiutarmi.

css:
codice:
 
html,body
{
	margin: 0;
	padding:0
}
body
{
	font-family: arial,sans-serif;
	font-size: 76%;
	
}
div#container
{
	background: url(rightcol.jpg) repeat-y top right
}

/*stili generici, su header e footer*/
div#header
{
	background-color:#36C;
	color: #ff0
}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer a
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/*stili specifici per il layout*/
div#navigation
{
	float:left;
	width: 100%;
}
div#content
{
	
	margin-right: 0px;
	
	background-color: #ff8;
	width:100%;
}
div#contenitore
{
	
	background-color:Aqua;
	width:100%;
}
div#microsezione
{
	background-color:Blue;
	height:50%;
}

div#macrosezione
{
	background-color:Red;
	width:40%;
	height:100%;
	}
div#immaginimicro
{
	background-color:Fuchsia;
	width:40%;
	height:100%;
	}


div#footer
{
clear:right; 
text-align:center;
padding: 0.5em;
background-color: #69c;
color: #000
    
}

/*stili per la navigazione*/
div#navigation ul
{
	display:inline;
	margin: 1em 0 1em 1em;
	padding: 0; 
	list-style-type: none;
}
div#navigation li
{
	display:inline;
	margin: 0;
	padding: 0
}
div#navigation a
{
	display:inline;
	color:#369;
	font: normal bold 1.2em/1.6em arial,sans-serif;
	text-decoration:
	none
	
}
div#navigation a:hover
{
	display:inline;
	color: #033;
	text-decoration: underline
}
div#navigation a#activelink
{
	display:inline;
	color: #033;
	text-decoration: none
	
}
.largo {
  width: 98%;
  clear: both;
}
.meta {
  width: 45%;
  float:left;
  margin: 10px;
}


e l'html:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	
	
	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> 
	<head>
		<title>Layout a due colonne con float</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		<meta name="generator" content="HAPedit 3.0">
		<style type="text/css">
@import url("dummy.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
	</head>
	<body>
		<div id="container">
			<div id="header" class="largo">
				<h1>Html.it</h1>
			</div>
			<div id="navigation" class="largo">
				<ul>
					[*]
						Home
					[*]
						Pillole
					[*]
						Contenuti
					[*]
						Grafica
					[*]
						Linguaggi
					[*]
						Webdesign
					[*]
						Software
				[/list]
			</div>
			<div id="content" class="largo">
				<div id="macrosezione" class="meta">pippo</div>
				<div id="macrosezionedet" class="meta">
					<div id="Immaginimicro">

giugio1</p>
					
					</div>
					<div id="microsezione">giugio2
					</div>
				</div>
			</div>
		</div>
			<div id="footer" class="largo">gio</div>
		
		
	</body>
	
	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
</html>
non capisco perchè mozzilla me la veda in quel modo!!
grazie mille ,ciao.