Una sencilla de javascript

Hola compañeros...

Tengo este fragmento de código HTML:

<DIV style="display:none;">
<FORM>
<INPUT type="text" name="txtName">
</FORM>
</DIV>

Como se pueden dar cuenta tengo un elemento <DIV> que contiene un <FORM>

a su vez contiene un <INPUT type="text">. El <DIV> está oculto lo que por
lógicas razones hará que no se muestre el <FORM> con su <INPUT>.

La pregunta es:
¿Cómo hago para saber si el <INPUT> está visible o no?

He intentado verificando la propiedad style.display del <INPUT> pero

una cadena vacía, lo que indica que el <INPUT> está visible y esto

no es así (pues para nuestros ojos; aunque si es visible dentro de su
contenedor <DIV> el cual está oculto).

¿Alguna idea?

Gracias...