Javascript dando override no css?

galera, estou com problemas com o IE6(novidade...) meu site tá redondinho, mas só falha nisso.

Usei JS embutido pra ocultar/mostrar uma lista grande de 4 colunas. Funciona que é uma beleza no FF e no Chrome.

( /applications/core/interface/imageproxy/imageproxy.php?img=http://img689.imageshack.us/img689/3395/fignormalff.jpg&key=247fd91052d9387ff56bad38bf341d475fe034ed838cbbddb4e9b157b8093e84" alt="Imagem Postada" />)

No IE6, porém, qd clico e o JS é rodado ele desformata tudo o que está nos divs envolvidos (e nos posteriores). Se dou reload, volta ao normal (/applications/core/interface/imageproxy/imageproxy.php?img=http://img46.imageshack.us/img46/1757/fignormal.jpg&key=cc4021280efb9e1d3d9af1b6ba740c632d37b4307392ebc18b81d0b5380d89f4" alt="Imagem Postada" />),mas a pessoa é obrigada a ver todo o contéudo, pois se clicar, desformata.

(/applications/core/interface/imageproxy/imageproxy.php?img=http://img8.imageshack.us/img8/8590/figbug1.jpg&key=cd2dc2d960bdf9a81f2a7d2761e1d1ca9590781b66551471665234004da62039" alt="Imagem Postada" />

/applications/core/interface/imageproxy/imageproxy.php?img=http://img189.imageshack.us/img189/1259/figbug2.jpg&key=f583a3feeb4043a395907503cbe1f98d2abb2dae6dacdb2e14d132c8fa4ee3bb" alt="Imagem Postada" />

)

Obs:usei display em vez de visibility porque display remove todo o espaço que fica qd oculta as listas.(Ficaria feio demais mostrar todo espaço em branco.)

Já usei vários métodos pra consertar esse bug do IE mas não consegui.

O código segue:

HTML

<div onmousedown="javascript:if(document.getElementById('list').style.display=='
none'){document.getElementById('list').style.display='';document.
getElementById('list').style.width='100%';document.getElementById('
list').width='100%';}else{document.getElementById('list').style.

display='none'};">Clique aqui para ver a lista completa de games </div>
<div id="list"> <br />
<div id="list" class="list1" style="display:inline;width: 24%;float:left;">
<p><a href="the_great_living_room_escape.htm">the great living room escape</a></p>
<p><a href="tba.htm">tba</a></p>
<p><a href="coffee_shop.htm">coffee shop</a></p>
.
.
</div>
<div id="list" class="list2" style="display:inline;width: 24%;float:left">
<p><a href="the_great_living_room_escape.htm">the great living room escape</a></p>
<p><a href="tba.htm">tba</a></p>
<p><a href="coffee_shop.htm">coffee shop</a></p>
.
.
</div>
<div id="list" class="list3" style="display:inline;width: 24%;float:left">
<p><a href="the_great_living_room_escape.htm">the great living room escape</a></p>
<p><a href="tba.htm">tba</a></p>
<p><a href="coffee_shop.htm">coffee shop</a></p>
.
.
</div>
<div id="list" class="list4" style="display:inline;width: 24%;float:left">
<p><a href="the_great_living_room_escape.htm">the great living room escape</a></p>
<p><a href="tba.htm">tba</a></p>
<p><a href="coffee_shop.htm">coffee shop</a></p>
.
.
</div>

<div style="clear: both;"></div>
</div>
<br /> <div class="footer footerlink">
<a href="index.html" > "abclegais.com" </a> é o seu site diário para se...</div>

CSS

#gamelist{
position:absolute;
top:2065px;
left:10px;
}

#gamelist .footer {

position: relative;
top: 40px;
height: 150px;
text-transform:none;
text-align:center;
line-height:30px;
font-family:"Trebuchet MS", Times, serif;
font-weight:bold;
font-size:14px;
color:#000000;
}

#gamelist .footerlink a{

text-transform:none;
line-height:0px;
text-decoration:none;
}

#list a,p{

font-family:"Trebuchet MS", Times, serif;
text-decoration:none;
font-weight:bold;
font-size:14px;
margin:0px 05px 0px 05px;
text-transform:capitalize;
}

Como fazzer o IE ficar com a formatação normal??