Tengo esta página de bienvenida extremadamente simple aquí:http://iph0wnz.com

Tiene el gráfico principal en el medio, seguido de mi 'a'. Logo en la parte inferior derecha. Quiero que el logotipo esté alineado con la parte inferior derecha de todo elpágina, lo que significa que si hay mucho contenido de texto en la página, aparece después de todo eso (es decir, no se sitúa en la parte superior), pero si hay menos contenido, como ahora, debería alinearse a la parte inferior de la pantalla, y no justo después del contenido.

Trataré de dar un ejemplo textual como vi en¿Cómo alinear el contenido de un div al fondo?:

    -----------------------------
    | less content, no scroll   |
    |                           |
    |                           |
    |                           |
    |                        a. |
    ----------------------------- (screen height)

y

    -----------------------------
    | more content, yes scroll  |
    | the quick brown fox jump- |
    | ped over the lazy dog an- |
    | d she sells sea shells on |
    | the sea shore and some o- |
    | ther random text is put   | (screen height)
    | here so there is a scroll |
    | bar because the content   |
    | is too much for one scre- |
    | en to show. okay, I think |
    | that is enough.           |
    |                        a. |
    -----------------------------

Aparte de esa otra pregunta vinculada arriba, también miré¿Cómo puedo hacer que un bloque DIV se extienda al final de la página, incluso si no tiene contenido? pero eso tampoco funcionó para mí.

Sé que esto es muy simple, pero estoy cansado de intentar todos los trucos y trucos que pueda encontrar.

Además, me gustaría usar el método para colocar el logotipo en el sitio cuando ingrese el contenido real: será un blog.

Nota: no me importa usar JavaScript y jQuery si es necesario para lograr este efecto.