mostrar div en display:none no funciona con javascript

[roboty]

Intento mostrar un div que esta en display:none y pasarlo a display:block, pero no funciona, sin embargo si coloco en el div el atributo style si que funciona:

asin funciona:

Código HTML:

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

no funciona

Código CSS:

#capa-oculta{
   display:none;
}
 

el javascript seria algo asin:

Código Javascript:

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

como puedo hacer que funcione poniendo el display:none en las hojas de estilo?
saludos.