problemi di visualizzazione in IE6 e in IE5

[ginohernandez]

Salve a tutti, vi chiedo un aiuto per il sito che ho realizzato all'indirizzo http://figcctstampa.netsons.org

Con Internet Explorer 6 il content non si affianca al menu di sinistra, ma si colloca sotto.
Con Internet Explorer 5, invece, il content si visualizza correttamente accanto al menu, ma il colore rosso di sfondo del footer "traborda" riempiendo il content stesso.

Come posso risolvere questi problemi?

Grazie, ecco il codice:

/* centra in IE5.x */
body {
text-align: center;
background-color: #004566;
}

#container {
position: relative;
width: 800px;
text-align: left;
margin: 0 auto;
background-color: #FFFFFF;
}
	
/* testata */

#header {
}
#logolnd {
float: left;
}
#logosgs {
float: right;
}
#testata {
margin: 0 180px;
}
#figc {
	font-size: 18px;
	color: #0066FF;
	font-weight: bold;
	text-align: center;
}
#comitatoct {
	font-size: 18px;
	text-align: center;
	color: #CC0000;
	margin-top: 1em;
}
#elefante {
	margin: 0;
	text-align: center;
}
#areastampa {
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

	
/* sinistra */

#sinistra {
float: left;
width: 150px;
margin: 5px 0 0 0;
float: left;
display: inline;
}

#menu ul {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
}

#menu ul li{
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica;
        font-weight: bolder;
}
#menu a {
	background-color: #FFFFFF;
	color: #0066FF;
	display: block;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;	
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left 0px;
	margin-right: 0x;
	width: 140px;
}
#menu a:hover {
	display: block;
	background-color: #0066FF;
	color: #FFFFFF;
	text-decoration: none;
}

/*centrale*/

#content {
width: 630px;
float: right;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 1em;
}

#sezione {
padding-bottom: 10px;
}
	
.data
{
font-family: "Verdana";
font-size: 11px;
line-height: 16px;
font-style: italic;
display: block;
}

.leggi a
{
color: #0066FF;
font-family: "Verdana";
font-size: 11px;
line-height: 16px;
display: block;
margin-bottom: 1em;
}

#navigazione a
{
color: #0066FF;
font-family: "Verdana";
font-size: 12px;
line-height: 16px;
display: block;
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

#classifiche a
{
color: #0066FF;
font-family: "Verdana";
font-size: 12px;
line-height: 16px;
display: block;
float: left;
margin-right: 1em;
}

.colonna {
width: 50%;
float: left;
}

.classifiche
{
margin-top: 1em;
margin-bottom: 1em;
}

.slideshow
{
float: right;
margin-left: 10px;
margin-bottom: 10px;
display: block;
}

/*footer */	
#footer {
background: #BB0000;
text-align: center;
font-family:"Verdana";
font-size: 13px;
color: #FFFFFF;
clear: both;
}


/*testo */	

h3{
font-weight: normal;
font-family: "Georgia";
font-size: 23px;
letter-spacing: -1px;
padding: 0px;
margin: 0px;
}

p
{
font-family: "Verdana";
font-size: 11px;
line-height: 16px;
margin: 3px;
text-align: justify;
}

a {
text-decoration: none;
}

a:hover, .ln a:hover
{
text-decoration: underline;
}