Desbordamiento de ancho en divs y cuerpo q consta de 3 columnas en IE6

[TheDark03]

Hola a todos. Espero que me puedan ayudar con 2 problemas q tengo al momento de crear css para IE6, estoy haciendo una pagina web y tengo un problema al momento de crear 3 columnas paralelas ya q la columna central se encuentra fuera de lugar, he añadido el display:inline pero no veo mejora alguna x q al colocar algo dentro de los div se ve disparejo las q mantienen el nivel son el lado derecho y el izquierdo y el centro tmb solo q el fondo de la columna central desaperece y solo queda el contenido acá posteo el codigo:

Código:

#contenido{margin:0 auto;width:auto;height:auto;background:url(./images/contenido.jpg) repeat-y;border:1px solid #FF0000;}
/*Cuadros de Contenido*/
	/*Columna izquierda*/
	.LeftColumn{width:260px;height:auto;background-color:#FFFFFF;border:1px solid #00000;margin:0px 0 0 10px;float:left;display:inline;}
	/*Columna Central*/
	.CenterColumn{width:528px;height:1815px;background-color:#000000;margin:0px 5px 0 285px;border:1px solid #CCCCCC;display:inline;}
	/*Columna Derecha*/
	.RightColumn{width:280px;height:auto;background-color:#FFF;border-color:#000000;margin:0 10px 0 0;float:right;display:inline;}

y tengo otro problema y la verdad nunca me habia pasado q un div no me respetara la propiedad width, y me sucede con varias clases no solo con una y no se como corregir,

aca pongo el css tambien:

Código:

		.containerMap{margin:0 auto;width:260px;height:auto;border:1px solid #CCCCCC;}
		.containerMaptitle{margin:0 auto;width:260px;height:32px;background-color:#000000;}
		.submapatexto{float:left;color:#FFFFFF;margin:10px 0px 0px 0px;width:280px;font-family: verdana;font-size: 12px;font-weight:bold;text-align:center;}

el div q no repeta el width es el Maptitle.. espero q me puedan dar pautas para arreglar mi problema ...

Siento no poder cargarles una imagen de como esta la web pero.. coreccion me tome el tiempo de subirla
Link como asi tendria q verse:
http://probandoindexz.webcindario.com/Index.html

y link como se ve en el IE6
http://probandoindexz.webcindario.com/Ie6.html

Gracias de ante todo. Saludos

[TheDark03]

Aprovechando mi break... posteo la solucion a mis problemas el detalle con los div q tenian un width especifico y se veian mas grandes(en cuanto al ancho) se debia q dentro de ese div habia otro y era ligeramente mas grande y ademas tenian definidas la propiedad padding y esto hace q en IE6 se agrande todo el div contenedor...

el problema con las tres columnas la verdad me ha costado pero gracias a un post q encontre q decian q el IE6 tenia problemas con el padding y el margin q logre solucionar con el siguiente codigo..

Código CSS:

#contenido{margin:0 auto;width:auto;height:500px;;background:url(./images/contenido.jpg) repeat-y;border:1px solid #FF0000;overflow:visible;}
/*Cuadros de Contenido*/
#container {overflow: visible;}
.LeftColumn{float: left;width:260px;height:auto;border:1px solid #FF0000;padding-bottom: 30000px;margin-bottom: -30000px;margin-left:6px;background:#FFFFFF;}
.CenterColumn{float: left;width:518px;height:auto;border:1px solid #FF0000;padding-bottom: 30000px;margin-bottom: -30000px;margin-right:5px;margin-left:5px;background:#000000;}
.RightColumn{float: left;width:270px;height:auto;border:1px solid #FF0000;padding-bottom: 30000px;margin-bottom: -30000px;}
.clearfix {display:block;}
 

html:

Código HTML:

<div id="contenido" class="clearfix">
        <div class="LeftColumn">
            
        </div>
                <div class="CenterColumn">
            
 
        </div>
                <!--Columna Derecha-->
        <div class="RightColumn">
               
        </div>
     </div>
 

y asi tendras tres columnas paralelas en IE6 q era lo q esperaba..pero ahora tengo otro ligero detalle, la nota va asi q si algun contenedor dentro de la columna central excede la medida del contenedor.. la columna derecha cae hacia abajo.. y no encuentro como solucionarlo si alguien supiera guiarme lo agradeceria bastante...