mostrar div en display:none no funciona con javascript

[roboty]

bueno realmente no se si es javascript o css respecto a mi fallo, pero diria que javascript, yo si miro el codigo fuente veo esto:

Código HTML:

<div id="capa-oculta"></div>
 

y el css asin:

Código CSS:

#capa-oculta{display:none;}
 

en cambio cuando llamo a la funcion algo asin:

Código Javascript:

if(document.getElementById("capa-oculta").style.display=='none'){
        document.getElementById("capa-oculta").style.display='block';
    }else{
       document.getElementById("capa-oculta").style.display='none';
    }
 

en cambio si llamo a la funcion y miro el codigo fuente me sale esto:

Código HTML:

<div id="capa-oculta" style="display:none"></div>
 

Despues evidentemente ya me funciona bien en la primera llamada al js lo que me hace es añadirme el estilo en el tag y yo quiero que me lo cambie en la hoja de estilo y que funcione claro.

Saludos.