Layout CSS, nao desce

Fala galera tranquilo....
com a ajuda da turma aqui eu montei meu layout 100% em css sem tabela e talz...mas to com um problema...
a cliente ja reclamou que em varios micros dela o site nao desce,nao aparece a barra de rolagem mesmo quando tem conteudo...o rodape fica na base em cima do conteudo, mas nao fica na base do site onde ele deveria ficar, ele fica no rodape do q aparece no browser...
segue o print de como ta:

segue meu codigo css

html, body {
	padding:0px;
	text-align:center;
	margin: 0px;
	background-image: url(../_img/back.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 100%;
	}
#layout {
	width:795px;
	text-align:left;
	background-color: #FFFFFF;
	clear: both;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	overflow: hidden;
	min-height: 100%;
	padding-bottom: 48px;
}

* html #layout {
	height: 100%;
	}

a:link {
	color: #896b59;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #896b59;
}
a:hover {
	text-decoration: underline;
	color: #896b59;
}
a:active {
	text-decoration: none;
	color: #896b59;
	text-align: left;
}
#left {
	float: left;
	width: 490px;
	padding-left: 10px;
}
#right {
	width:255px;
	float: right;
	padding-right: 20px;
}
#rodape {
	width: 795px;
	background-image: url(../_img/rodape_fundo.jpg);
	height: 48px;
	color: #896b59;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	position: absolute;
	bottom: 0;
}
#topo {
	width: 795px;
	background-color: #FFFFFF;
	padding: 0px;
}
#banner {
	width: 795px;
	background-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
}
#clear{clear:both}

o codigo da pagina é:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--#include file="_sys/settings.asp" -->
<%
set config = connect.execute("SELECT *  from  config")
set conteudo = connect.execute("SELECT *  from  conteudo")
set destaques = connect.execute("SELECT TOP 8 *  from  destaques ORDER BY id DESC")
msg = request("msg")
%>
<meta name="keywords" content="<% = config("meta") %>" />
<title><% = config("titulo") %></title>
<script src="_sys/validaform.js" type="text/javascript"></script>
<style type="text/css">
@import url("_css/layout.css");
@import url("_css/main.css");
.style1 {font-weight: bold}
</style>
</head>
<body>
<div id="layout">
  <div id="topo">
    <iframe src="topo.asp" name="menu" width="795" marginwidth="0" height="231" marginheight="0" scrolling="no" frameborder="0" id="menu"></iframe>
    <br />
    <div id="banner"><img src="_img/bemvindo.jpg" width="795" height="95" alt="" /></div>
  </div>
  <div id="top">
    <div id="bemvindo">
      <p><img src="_img/espacos.jpg" width="139" height="193" border="0" usemap="#Map" class="espaco" />
<map name="Map" id="Map"><area shape="rect" coords="1,1,142,68" href="espaco/?ShowID=espaco" alt="Espa&ccedil;o" />
<area shape="rect" coords="1,68,147,126" href="espaco/?ShowID=saude" alt="Sa&uacute;de" />
<area shape="rect" coords="1,125,139,194" href="espaco/?ShowID=beleza" alt="Beleza" />
</map>
          <% = conteudo("home") %>
      </p>
      <p align="center"><span class="style1"><a href="about/">Sobre N&oacute;s</a> | <a href="equipe/">Nossa Equipe</a></span></p>
    </div>
  </div>
  <div id="left">
    <div align="center"><span class="Titulos">Bellit&aacute; News</span> </div>
    <div id="destaques">
      <ul>
      <li><a href="promo/" target="_parent"><b>|
              Promo&ccedil;&otilde;es Bellit&aacute;
        </b></a></li>
        <%do while not destaques.eof%>
        <li><a href="news/mostra.asp?id=<% = destaques("id")%>" target="_parent"><b>|
              <% = destaques("titulo")%>
        </b></a></li>
        <% destaques.movenext
  loop
   %>
      </ul>
      <div class="ver_todos"><a href="news/">Ver todos</a></div>
    </div>
    <div id="fotos"><img src="_img/index_44.jpg" alt="" width="484" height="169" /></div>
  </div>
  <div id="right">
    <div id="cadastro">
      <div align="center"><span class="Titulos">Cadastro</span></div>
      <form action="_sys/sendform.asp" method="post" name="dados" class="cadastro" id="dados" onsubmit="return validahome();">
        <p>Nome:
          <input name="nome" type="text" id="nome" size="28" />
            <br />
            <br />
          Email:
          <input name="email" type="text" id="email" size="28" />
          <br />
          <% = msg %></p>
        <input type="image" src="_img/cadastrar.jpg">
<div class="texto_brinde c1">Cadastre-se e ganhe um PRESENTE,<br />
            <a href="promo/">Clique aqui</a> e conhe&ccedil;a o regulamento</div>
      </form>
    </div>
    <div id="video"><object width="256" height="199"><param name="movie" value="http://www.youtube.com/v/OEV3_guwy0M&hl=pt-br&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/OEV3_guwy0M&hl=pt-br&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="256" height="199"></embed></object></div>
  </div>
  <div id="clear"></div>
  <div id="rodape">Rua das Hort&ecirc;ncias, 902 - Ch&aacute;cara Primavera - Campinas,SP   |   Tel.:(19)3308-6662 / (19)3256-0387   |   contato@bellita.com.br<br />
      <img src="_img/barra_rodape.jpg" width="795" height="2" alt="" /><br />
    Todos os direitos reservados - Bellit&aacute;</div>
</div>
</body>
</html>

Alguem sabe oq pode ser? como eu resolvo?
Obrigado!!!