[CSS] Allineamento div o ul in IE6

[nabozzz]

Salve a tutti

ho sviluppato una struttura a 3 colonne fisse e verificata con IE7, Firefox e Opera. Credevo che fosse tutto a posto. Su IE6 è un vero disastro.

html, body { 
 margin: 0; 
 padding: 0; 
 width: 100%;
 background-color: #002e5c;
 background-image:url(../images/bg.jpg);
 background-position:center top;
 background-repeat:no-repeat;
} 

#main {
width: 949px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: url(../images/sfondo_menu.gif) repeat-y left top;
text-align: left;
}

#leftcolumn { 
float: left; 
width: 220px; /*Width of left column*/ 
} 

#rightcolumn { 
width: 729px;
margin-left: 220px; 
background: url(../images/contenuto/sfondo.gif) repeat;
padding: 11px 0 0 0;
} 

#footer_main {
clear: both;
width: 949px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

/***** MENU *****/

#leftcolumn div.menu {
width: 220px;
height: 530px;
margin: 0;
padding: 0;
background: url(../images/sfondo_menu.png) no-repeat;
}

#leftcolumn ul {
  float: left;
  width: 142px;
  margin: 156px 0 0 62px;
  padding: 0;
  list-style: none;
}
 
#leftcolumn li {
  float: left;
  width: 142px;
  height: 24px;
  margin: 0 0 4px 0;
  padding: 0;
}

#leftcolumn a.m_profilo_s {
 display: block;
 width: 142px;
 height: 24px;
 background: url(../images/menu/profilo_s.gif) no-repeat;
}

#leftcolumn a.m_profilo {
 display: block;
 width: 142px;
 height: 24px;
 background: url(../images/menu/profilo.gif) no-repeat;
}

#leftcolumn a.m_profilo:hover{
 background: url(../images/menu/profilo_s.gif) no-repeat;
}

/***** FOOTER *****/
#footer {
width: 949px;
height: 29px;
background: url(../images/sfondo_piede.png) no-repeat;
}

#footer ul {
  float: left;
  width: 720px;
  margin: 0 0 0 235px;
  padding: 0;
  list-style: none;
}

#footer li.indirizzo {
 width: 410px;
 float: left;
 font-size: 10px;
 line-height: 29px;
 font-family: Tahoma;
 color: #636363;
}

#footer li.mappa {
 float: left;
 width: 300px;
 font-size: 11px;
 line-height: 29px;
 font-family: Tahoma;
 color: #636363;
}

#footer a {
 text-decoration: none;
 font-weight: bold;
 color: #034587;
}

#footer_angolo {
clear: left;
width: 949px;
height: 36px;
background: url(../images/sfondo_piede_angolo.png) no-repeat;
color: #FFF;
text-align: center;
} 

questo è a grandi linee il CSS

e questo è l'html

<div id="main"> 
  <div id="leftcolumn">
    <div class="menu">
      <ul>[*][url="#"][/url][/list]
    </div>
  </div>
  <div id="rightcolumn">
   </div>
 </div>
 <div id="footer_main">
   <div id="footer">
      <ul>
        <li class="indirizzo">Indirizzo
        <li class="mappa">mappa[/list]
   </div>
   <div id="footer_angolo"></div>    
</div>
</body>
</html> 

come dicevo, funziona alla perfezione su tutti i browser, a parte IE6. Su IE6 il risultato è questo:

http://www.danielenabissi.it/provacss.jpg

il menu grafico dovrebbe essere centrato nella colonna a sinistra e il contenuto che si vede sotto, ovviamente dovrebbe partire dall'inizio della pagina....

Grazie in anticipo dell'aiuto.

[nabozzz]

sto risolvendo un po' alla volta con l'uso di display: inline;