...e il footer che se ne va ovviamente a spasso.

Scusate ma sto uscendo di senno con questo problema.
Le ho provate tutte.
Se funziona con FF non funziona con IE e viceversa.

Sembra che il container non riesca ad essere elastico, come dovrebbe.
So che sto sbagliando una o forse diverse cose, ma onestamente non riesco a venirne a capo.

Ecco il codice CSS

codice:
body {
background:url(../images/backgr-body.png);
background-repeat:repeat;
margin-left:0px;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:justify;
height:100%;
width:99%;
padding:0;
}

a,a:visited,a:link {
color:#99CC00;
text-decoration:underline;
}

a:hover {
color:#00FF33;
text-decoration:overline;
}


#container {
position:relative;
margin-left:0px;
margin-top:0px;
width:100%;
height:100%;
}

#logoarea {
position:absolute;
left:0px;
top:0px;
width:387px;
height:166px;
background:url(../images/backgr-logo2.png);
background-repeat:no-repeat;
overflow:hidden;
float:right;
}


#photoslogan {
position:absolute;
left:0px;
top:166px;
width:158px;
height:602px;
float:left;
overflow:hidden;
background:url(../images/leftslot-slogan.png);
background-repeat:no-repeat;
}

#navigationarea {
background:#c2d238;
background-repeat:repeat;
position:absolute;
left:158px;
top:166px;
float:right;
width:172px;
height:600px;
overflow:visible;
vertical-align:top;
}

#navlocation {
position:absolute;
top:5px;
left:auto;
right:0px;
background:url(../images/titles-location.png);
background-repeat:no-repeat;
background-position:top right;
width:400px;
height:50px;
color:#999999;
font-size:9px;
text-align:right;
vertical-align:text-bottom;
}

#pagetitle {
position:absolute;
left:400px;
top:80px;
background:url(../images/signals-titlesect.png);
background-repeat:no-repeat;
background-position:left top;
text-indent:70px;
color:#999999;
font-size:14px;
text-align:left;
overflow:hidden;
vertical-align:text-bottom;
z-index:100;
width:auto;
height:30px;
}

#sublinks {
position:absolute;
top:130px;
left:auto;
right:0px;
background:url(../images/backgr-sublinks.png);
width:auto;
height:25px;
background-repeat:no-repeat;
color:#666666;
font-size:9px;
text-decoration:none;
z-index:30;
}

#footer {
background:url(../images/signals-footer.jpg);
position:fixed;
top:auto;
left:auto;
right:0px;
bottom:0px;
width:383px;
height:13px;
z-index:150;
}

/* CONTENT AREA */

#contentarea {
position:absolute;
top:166px;
left:360px;
right:0px;
width:auto;
height:100%;
text-align:justify;
color:#333333;
font-size:10px;
text-indent:20px;
background:#ebecec;
}

/* TEXTES STYLES */

.gray-normal {
text-indent:20px;
margin-right:10px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:justify;
width:auto;
height:auto;
}

.green-normal {
text-indent:0px;
margin-right:10px;
color:#99CC00;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:justify;
text-decoration:none;
width:auto;
height:auto;
}

.green-line {
background:#c2d238;
width:500px;
height:30px;
margin-left:auto;
margin-right:0px;
color:#333333;
font-size:14px;
text-align:left;
}


.generaltext {
margin-right:5px;
vertical-align:middle;
}

/* MAIN MENU NAVIGATION */

#nav-box {
background:url(../images/backgr-navigation.png);
background-repeat:no-repeat;
width:172px;
height:289px;
position:absolute;
top:0px;
left:0px;
overflow:hidden;
vertical-align:top;
}

#nav-top_ {
	position:absolute;
	left:0px;
	top:0px;
	width:172px;
	height:7px;
}

#buttons-accueil_ {
	position:absolute;
	left:0px;
	top:7px;
	width:172px;
	height:21px;
}

#buttons-presentation_ {
	position:absolute;
	left:0px;
	top:28px;
	width:172px;
	height:20px;
}

#buttons-missions_ {
	position:absolute;
	left:0px;
	top:48px;
	width:172px;
	height:21px;
}

#nav-05_ {
	position:absolute;
	left:0px;
	top:69px;
	width:172px;
	height:9px;
}

#buttons-dossiers_ {
	position:absolute;
	left:0px;
	top:78px;
	width:172px;
	height:20px;
}

#buttons-biens_ {
	position:absolute;
	left:0px;
	top:98px;
	width:172px;
	height:19px;
}

#nav-middle_ {
	position:absolute;
	left:0px;
	top:117px;
	width:172px;
	height:16px;
}

#buttons-recherche_ {
	position:absolute;
	left:0px;
	top:133px;
	width:172px;
	height:31px;
}

#buttons-renseign_ {
	position:absolute;
	left:0px;
	top:164px;
	width:172px;
	height:31px;
}

#buttons-creance_ {
	position:absolute;
	left:0px;
	top:195px;
	width:172px;
	height:32px;
}

#buttons-irrecouv_ {
	position:absolute;
	left:0px;
	top:227px;
	width:172px;
	height:41px;
}

#nav-bottom_ {
	position:absolute;
	left:0px;
	top:268px;
	width:172px;
	height:21px;
}

/* ESPACES NAVIGATION */

#espaces-nav {
	position:absolute;
	left:0px;
	top:350px;
	width:172px;
	height:150px;
}

#espaces-top_ {
	position:absolute;
	left:0px;
	top:0px;
	width:172px;
	height:37px;
}

#buttons-espdir_ {
	position:absolute;
	left:0px;
	top:37px;
	width:172px;
	height:14px;
}

#buttons-espsal_ {
	position:absolute;
	left:0px;
	top:51px;
	width:172px;
	height:14px;
}

#buttons-espacque_ {
	position:absolute;
	left:0px;
	top:65px;
	width:172px;
	height:15px;
}

#buttons-espcrean_ {
	position:absolute;
	left:0px;
	top:80px;
	width:172px;
	height:16px;
}


#buttons-contacts_ {
	position:absolute;
	left:0px;
	top:111px;
	width:172px;
	height:14px;
}