Meus Javascript não funciona no Google Chrome

olá pessoal, a mdúvida é clara... porque script funciona no firefox e no chrome não acontece nada?

o codigo é o seguinte, uma siderbar que aparece sempre que dou um clique (onclick) no icone (+) e desaparece quando dou um clique (onclick) no icone (-):

obs: usando o id da div para substituir o style.

CODE

<script type="text/javascript">
 function expand(){
 window.document.getElementById('sidebar').style="width: 240px; height: 470px; padding: 5px 10px 0px 0px; background: #ffffff; position: absolute; margin: -5px 0px 0px 16px;"
 window.document.getElementById('btsidebarmais').style="font-size: 25px; color: #ff77a1; position: absolute; margin: 10px 0px 0px 17px; display: none;"
 }
 function retrai(){
 window.document.getElementById('sidebar').style="width: 240px; height: 470px; padding: 5px 10px 0px 0px; background: #ffffff; position: absolute; margin: -5px 0px 0px 16px; display: none;"
 window.document.getElementById('btsidebarmais').style="font-size: 25px; color: #ff77a1; position: absolute; margin: 10px 0px 0px 17px;"
 }
 </script> existe alguma forma que o script funcione em todos os navegadores?