Dan Danx

Olá,
preciso de ajuda com um css.
Eu fiz uma pagina onde uma div busca um texto em um banco de dados.
esta div está dentro de outra, só que a outra não acompanha a altura(height), nem mesmo definindo :auto; ou :100%;
Pra quem quiser ver a página, http://drogariadroga...r/view.php?id=4.
Abaixo os codigos que estou utilizando:

HTML

<div id="conteudo">
<center>
<div id="dica1" align="center">
<h1 class="dicatexto"><?php echo $row_dicaview['titulo']; ?></h1>
<p>&nbsp;</p>
<p class="dica1"><?php echo $row_dicaview['texto']; ?> </p>
<p><center> 
  <p><img src="upload_imagens/<?php echo $row_dicaview['fto']; ?>" />
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</center></p>
<center>
  <div class="hr" align="center">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
  <div align="left">
    <p><em><font color="#000000">Fonte:<?php echo $row_dicaview['fonte']; ?></font></em></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
 <p><center><a href="dicas.php"><strong>==Ver todas as dicas==</strong></a></center></p>
  </div>
</center>
</div>
</center>
</div>

CSS:

#conteudo{
	display:block;
	background:#FFF;
	position:absolute;
	border:solid;
	border-color:#FFF;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	width:1050px;
	height:auto;
	margin: 0px 0px;
	top: 200px;
	left:190px;
	
}
#dica1{
	position:absolute;
	top: 17px;
	bottom:17px;
	width:80%;
	overflow:none;
	left: 12px;
	background-color: #FFF;
	min-height: 300px;
}

POR FAVOR, AJUDEM.
Ps: não funciona no IE, nem Chrome, nem Firefox

Alguém pode ajudar?