Div Height aumentando automaticamente CSS

Div Height aumentando automaticamente CSS

by Angelo Rogério Rubin

HTML

<div class="basetexto">
  <div id="basetextodentro">
        <div id="tituloquadrado">
              <p><strong>Título</strong></p>
        </div>
      <p>
      Entao, quando eu coloco um texto grande na div "basetextodentro"  e ultrapassa a altura minima da div "base texto" ela se sobrepoem ao rodapé em vez empurra-lo um pouco mais pra baixo. Fiz um teste e escrevi direto no "base texto" e ele empurrou o rodapé para baixo, em vez de sobrepor. Como faço pra arrumar isso?
      </p>
      <p>
      Entao, quando eu coloco um texto grande na div "basetextodentro"  e ultrapassa a altura minima da div "base texto" ela se sobrepoem ao rodapé em vez empurra-lo um pouco mais pra baixo. Fiz um teste e escrevi direto no "base texto" e ele empurrou o rodapé para baixo, em vez de sobrepor. Como faço pra arrumar isso?
      </p>
      <p>
      Entao, quando eu coloco um texto grande na div "basetextodentro"  e ultrapassa a altura minima da div "base texto" ela se sobrepoem ao rodapé em vez empurra-lo um pouco mais pra baixo. Fiz um teste e escrevi direto no "base texto" e ele empurrou o rodapé para baixo, em vez de sobrepor. Como faço pra arrumar isso?
      </p>
        <p>
        Entao, quando eu coloco um texto grande na div "basetextodentro"  e ultrapassa a altura minima da div "base texto" ela se sobrepoem ao rodapé em vez empurra-lo um pouco mais pra baixo. Fiz um teste e escrevi direto no "base texto" e ele empurrou o rodapé para baixo, em vez de sobrepor. Como faço pra arrumar isso?
        </p>
       <p>
      Entao, quando eu coloco um texto grande na div "basetextodentro"  e ultrapassa a altura minima da div "base texto" ela se sobrepoem ao rodapé em vez empurra-lo um pouco mais pra baixo. Fiz um teste e escrevi direto no "base texto" e ele empurrou o rodapé para baixo, em vez de sobrepor. Como faço pra arrumar isso?
      </p>
      <p>
      Entao, quando eu coloco um texto grande na div "basetextodentro"  e ultrapassa a altura minima da div "base texto"...

CSS

.basetexto {
    height: auto;
    min-height: 550px;
    width:100%;
}
 
#basetextodentro {
    width:100%;
    height: auto;
    min-height: 500px;
    float: left;
    background-image:url(../../imagens/pag.png);
    background-repeat:repeat-y;
}

#tituloquadrado {
    font-size:18px;
    font-family: 'Open Sans', 'sans-serif';
    margin-bottom:12px;
    text-align:left;
}
 
#textoquadrado {
    height:auto;
    width:100%;
    margin-left:15px;
    margin-right:15px;
}

#baixot {
    background-image:url(../../imagens/baixo.jpg);
    height:101px;
    background-repeat:repeat-x;
}
 
#baixoc {
    width:100%;
    height:auto;
    margin-top:23px;
    left:50%; 
}
 
#baixoendereco {
    color:#707070;
    font-size:16px;
    float:left;
    width:100%;
    height:58px;
}