[Resolvido] Problema com largura dinâmica no IE7 (bug)

Na minha ferramenta online, eu faço uma barra de progresso dinâmica, que nada mais é que uma DIV com largura 0, e que ao longo do script, vou aumentando a sua largura com jquery. Funciona perfeitamente em todos os browsers, menos no IE 7.

Para ver, acessem a minha ferramenta clicando aqui, digite qualquer link e observem a barra de progresso. Depois, façam a mesma coisa usando o IE7. Perceberam o problema certo? a DIV loader (a barra de progresso), carrega do meio e para os lados, além de ter uma altura maior. Gostaria que ela se comportasse exatamente como nos outros browsers.

CSS usado na DIV "loader"

#loader{
background:#FFF;
border:1px solid #ccc;
width:0%;
}

E ao longo do código, faço isso

$("#loader").animate({"width":"10%"},500);

$("#loader").animate({"width":"20%"},500);

$("#loader").animate({"width":"30%"},500);

$("#loader").animate({"width":"40%"},500);

$("#loader").animate({"width":"50%"},500);

$("#loader").animate({"width":"60%"},500);

$("#loader").animate({"width":"70%"},500);

$("#loader").animate({"width":"80%"},500);

$("#loader").animate({"width":"90%"},500);

$("#loader").animate({"width":"100%"},500);

Obrigado pela ajuda