Ciao a tutti, sono stato un pò titubante nell'aprire un nuovo 3d, perchè ho cercato nel forum ma non sono riuscito a trovare una soluzione al mio problema.
Premesso che sono molto ignorante in materia, infatti sto cercando di imparare a costruire i layout tramite css. Sto lavorando con varie guide sotto mano però c'è un problema che non riesco a risolvere.

Questo è il codice del mio Css

codice:
body{
			background-image: url("../images/logo.jpg"); 
			font-family:  Verdana, Arial, sans-serif; 
			font-size: 76%;
			text-align: center;
			
}



#container{
        background-color:#0000FF;
		position: relative;
		height: 590px;
		width:  780px;
		margin: 0px auto; /* 'top' 'right' 'bottom' 'left'  */
		text-align:left;
		border-style:solid; 
		border-color:#000000; 
		border-width:1px;
}

#header{
		background-color: #A60808;
		position: relative;
		top:0px;
		left: 0px;
		right: 0px;
		height:80px;
		width: 780px;
		width:780px;
		width:780px;
		margin: 0px auto; /* 'top' 'right' 'bottom' 'left'  */
}

#content{
        background-color:#00CC66;
		position: absolute;
		top: 80px;
		width: 600px;
		left:0px;
		
	
}

#navigation{
    background-color:#FF6699;
    position: absolute;
	top: 80px; /*header*/
	right: 0px;
    width: 180px;
	width:180px;
	width:180px;  
	margin: 0px 0px 0px 0px; /* 'top' 'right' 'bottom' 'left'  */
}

#footer{
       background-color:#003366;
	   position:absolute;
	   bottom: 0;
	   left:0px;
	   height: 8px;
	   width: 780px;
	   width:780px;
	   width:780px;
	   text-align:center;
	   margin: 0px auto; /* 'top' 'right' 'bottom' 'left'  */
}
Mentre la pagina html che utilizza il css è:

codice:
<!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>prova</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="prova_files/style.css" type="text/css" >
</head>

<body> 

<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="navigation"></div>
<div id="footer"></div>
</div>
</body>
</html>
Per avere un'idea del layout ho dato colori belli tosti agli elementi, perchè costantemente guardo i risultati attraverso IE e FF.
Il mio problema è che con IE vedo tutti gli elementi posizionati giusti, mentre con FF non mi visualizza il #navigation e il #content
Ripeto la pagina è molto scrausa proprio perchè sto cercando di avere dimestichezza con i css per poi fare qualcosa di molto più gradevole.
Se potete dirmi dove sbaglio mi fareste un grande favore

Grazie