por que falla en ie6 ?

Hola amigos:
A ver si podeis ayudarme con esto: He chequeado mi página en unos 20 navegadores distintos y con todos se ve bien menos con el explorer 6.0 que me descuadra considerablemente.
Creo que es algo del css, os lo pongo aqui:


* {
margin: 0;
padding: 0;
}

a {color: #682;}

a:hover {color: #9A6;}

body {
background: #333 url(img/bg.gif);
color: #333;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 3% 0;
}

p,ul {
padding-bottom: 1em;
}

ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.2em;}

blockquote {
background: #FFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #333;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #E70808}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
font-size: 1.2em;
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 840px;
border: 12px solid #222;
}

/* header */
.header {
float: left;
width: 640px;
background: url(img/header.jpg) no-repeat;
font: normal 2.4em Verdana,sans-serif;
line-height: 150px;
text-align: center;
}

/* structure */
.top {
background: #222;
color: #DDD;
float: left;
font: normal 1.4em Verdana;
height: 50px;
text-align: center;
width: 639px;
}
.subnav {
float: left;
width: 160px;
}
.main {
float: left;
width: 480px;
}
.main_right {
float: right;
width: 200px;
color: #CCC;
}

/* sub-navigation */
.subnav h1 {
background: #222;
color: #E70808;
font: bold 1.1em Verdana,sans-serif;
line-height: 24px;
padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
border-bottom: 1px solid #696755;
list-style: none;
}
.subnav li a {
background: #89866F;
color: #111;
display: block;
padding: 8px 0 8px 12px;
width: 148px;
text-decoration: none;
}
.subnav li a:hover {
background: #B33636;
color: #000;
}

/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #CCC;
font-size: 0.9em;
line-height: 39px;
width: 100%;
text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover,.footer .right a:hover {color: #FAFCB0;}
.footer .right, .footer .right a {color: #949474;}

la web es http://www.lembruix.es/home.html

y el descuadre aparece dentro de estos dos divs:

<div class="main">
<div class="padded">

Yo la verdad no se que hacer , gracias y un saludo a todos.

Hola:

En realidad puedo decir con toda autoridad, que yo no tengo a usted que decirle con cuantos ni con que navegadores debiera de compatibilizar su web.


Pero la lógica me indica que si yo hago una pagina web la trataré de compatibilizar con los navegadores que más se utilizan, y si no me equivoco el Internet Explorer es el que más se utiliza.

Entonces la lógica me indica (lo repito), ¿para qué me voy a preocupar de que una persona que utilice un navegador que solo lo utiliza ella vea mi página, cuando hay 99 personas que utilizan este otro navegador, y son las que no pueden ver bien mi pagina porque me he procupado de compatibilizar mi pagina en estos otros?

Estos problemas suelen estar relacionados muchas veces con los padding o margin que uno le pone a ciertos elementos.

Saludos

Hola.

Que es exactamente lo que se ve diferente? Yo lo veo igual con IE 6 que con FF o es que ya lo has solucionado?









Saludos
Bye