[Resolvido] Rodapé com Problema

Boa tarde.

O rodapé da minha página não está acompanhando o Layout. =\

Tipo ele fica la embaixo na hora de carregar a página. Mas se por exemplo alguém ve num monitor 800 x 600 precisa da barra de rolagem. E o rodapé fica na frente.

http://www.limpadoramatik.com.br

Acessem o site, vejam em 1024 e depois por 800, vocês vão entender o que eu estou falando.

Obrigado!!

Segue Código:

	<div id='tudo'>

 <div id='pag'>

 <div id='topo'><img src='Img/logo2.png' border='0' align='left'></div>

 <div id='principal'>

 <div id='menu'>
 <ul id='menu2'>
 <li>
 <img src='Img/iconecasa.png' id='iconecasa' border='0' class='pos'>
 <a href="#" onclick="abrirPag('emconstrucao.html')">Quem Somos</a>
 </li>
 <li>
 <img src='Img/iconeemail.png' id='iconeemail' border='0' class='pos'>
 <a href="#" onclick="abrirPag('servicos.php')">Serviços</a>
 </li>
 <li>
 <img src='Img/iconenote.png' id='iconenote' border='0' class='pos'>
 <a href="#" onclick="abrirPag('emconstrucao.html')">Chamado</a>
 </li>
 <li>
 <img src='Img/iconefone.png' id='iconefone' border='0' class='pos'>
 <a href="#" onclick="abrirPag('fale_conosco.php')">Fale Conosco</a>
 </li>
 <li>
 <img src='Img/iconefotos.png' id='iconefotos' border='0' class='pos'>
 <a href="#" onclick="abrirPag('emconstrucao.html')">Galeria de Fotos</a>
 </li>
 </ul>
 </div>

 </div>

 <div id='conteudo'>
 <?php

 $pg = $_GET['pg'];

 switch($pg)
 {
 case 'quemsomos':
 include('quemsomos.php');
 break;

 case 'actFale':
 include('actFale.php');
 break;

 default:
 include('servicos.php');
 break;

 $_GET['pg'] = '';
 }

 ?>
 </div>

 </div>

 <div id='rodape'>
 Limpadora Matik ©
 </div>

	</div>

Css

*
{

	margin:0px;
	padding:0px;
}

#tudo

{

	width:100%;
	padding:0px;
	margin:0px;
	min-height:100%;
}

#topo

{

	height:180px;
	width:100%;
	background-color:#28c5ff;
	background-image:url('../Img/fundologo.jpg');
	background-position:left;
	background-repeat:repeat-x;
}

#menu

{

	height:35px;
	width:100%;
}

ul#menu2
{

	list-style-image:none;
	height:35px;
	background-color:#000168;
}

ul#menu2 li
{

	display:inline;
	padding:15px 15px 15px 15px;
	margin-left:2px;
}

ul#menu2 li a
{

	color:white;
	font-size:12px;
	font-family:verdana;
	text-decoration:none;
	outline:none;
}

.pos

{

	position:relative;
	top:5px;
}

#principal

{

	width:100%;
	height:100%
}

#conteudo

{

	float:left;
	width:100%;
	height:0 auto;
}

#rodape

{

	line-height:30px;
	font-size:12px;
	font-family:verdana;
	color:white;
	background-color:#000168;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

#fotos

{

	height:100%;
	width:100%;
	overflow:auto;
}

#pag

{

	width:100%;
	height:0 auto;
}

.mensagem

{

	width:350px;
	line-height: 50px;
	background-color:#C4F0FF;
	color:#0099FF;
	border:1px solid black;
	font-size:12px;
	font-family:verdana;
	text-align:center;
}

.const

{

	line-height:40%;
}