height:100% nao quer ficar na tela toda

Caros amigos,

estou montando um layout para um site, utilizando somente de DIV's, o famoso Tableless.

Pois bem, eu gostaria de ter 2 BG's mas, como o seletor de multiplos BG's é só no CSS3, pouco implementado, então resolvi fazer uma tentativa.

No BODY do documento, vai ser um BG, (no exemplo, está em vermelho pois ainda não tenho a imagem). E então, fiz uma DIV chamada 'bodydiv', na qual engloba todo o layout, coloquei ela com a imagem do personagem a esquerda, com background-position: bottom left;. Nesta mesma DIV, coloquei width:100%;height:100%; para que apareça o personagem todo (no caso, a imagem é ate a coxa).

Porém, a mesma não está 'aceitando' o height:100%; e só fica no tamanho do layout interno...

O quê estou fazendo errado??

Site: http://ddl.exofire.net/pumpminas/index.php

O CSS é http://ddl.exofire.net/pumpminas/web_styles.css a parte que interessa é essa aqui:

body {

	margin:0;
	background-color:#FF0000;
	background-image: url(./images/bgbody.gif);
	background-repeat: repeat;
	padding:0;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
 }

#bodydiv {
	width:100%;
	height:100%;
	margin:0;
	background-color: transparent;
	background-image: url(./images/bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-attachment:fixed;
	padding:5px;
	padding-bottom:35px;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
 }

Agradeço a ajuda :)

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif