Quebra de layout no IE minimizado

[Kiisachan]

Gente,

seguinte, o site que estou fazendo , quando vizualizado tanto no FF quanto no IE, fica certinho uma beleza, o problema é quando eu minimizo ele no maldito IE ,o layout dele simplesmente quebra, a div do meio, e o menu, não acompanham o banner,os botoes do menu vão para a linha de baixo

alguém pode me dizer aonde estou errando por favor

vou colocar o CSS abaixo, pois acredito que o problema seja nele

(detalhe: ignore meus comentários, porque como sou iniciante, gosto de comentar em tudo, para não esquecer como funciona :rolleyes: )

/*reset*/

* {

margin:0;

padding:0;

list-style:none;

vertical-align:baseline;

}

/* geral*/

body {

background:url(templatemo_bg.gif) repeat;

}

#box {

/* tirando a linha abaixo o layout ocupada toda tela*/

/*width:900px;*/

margin:0 auto;/* centraliza a pagina */

background:#FFF;

/* Maximo do tamanho que a tela pode ir*/

/*max-width:960px;*/

min-width:250px;

position:relative;

}

#header { /*width:900px;*/

height:160px;

background:url(fundo.png) repeat;

}

#header.logo{

float:left;

height:162px;

margin-top:10px;

}

/* menu*/

#menu {

margin:0;

padding:0;

height:32px;

background:url(menu.png) repeat;

}

#menu ul{

margin:0;

padding:0;

line-height:30px;

}

#menu li{

margin:0;

padding:0;

list-style:none;

float:left;

position:relative;

background-image:url(button.gif);

}

/*botões*/

#menu ul li a {

text-align:center;

text-decoration:none;

height:30px;

width:150px; /* largura de cada botão do menu*/

display:block; /* Define as divs para aparece em blocos*/

color:#FFF;

border:1px solid #000; /*Borda entre os blocos */

}

#menu ul ul {

position:absolute;

visibility:hidden;

top:32px;

}

#menu ul li:hover ul {

position:absolute;

visibility:visible;

z-index:2;

}

#menu li:hover {

background-image:url(bottomred.gif);

}

#menu ul li:hover ul li a:hover {

background:url(buttomgray.gif);

color:#FFF;

}

/* conteudo e rodape*/

#conteudo_mostrar {

min-height:330px;

/*height:330px;*/

/*width:900px;*/

background:#FFF;

position:relative;

}

#footer {

/*width:900px;*/

height:30px;

background:url(footer%2010x30.png) repeat;

position:relative;

bottom:0;

margin:0px 0 0 0;

padding:0;

height:30px;

line-height:20px;

text-align:center;

font-size:.8em;

padding-top:2px;

position:relative;

}

como podem ver, no meu banner, tem um float, e me disseram que essa poderia ser a causa do problema, e que seria resolvido com um simples clear:all; , porém, eu já tentei e meio assim não deu certo :angry:

Por favor,galera, me da um força ai

Muito obrigada desde já =]