mi footer no crece cuando cargan productos de forma dinamica

[ras_chalo]

hola que tal!, bueno escribo aqui proque no logro solucionar el siguiente problema:

Hice un carro de compras que esta funcionando ok, el unico problema que me esta arrojando es que al cargar un gran numero de articulos en la pagina, el footer de la pagina no crece con ellos, se queda pegado y no se mueve hacia abajo.

aqui el ejemplo, donde el area ploma es el footer, y claramente los articulos que se cargan de forma dinamica pasan sobre este:



mis codigos son estos:


codigo de la carga de productos:

Código PHP:

 <div class="carro"> 
        <form method="post" action="" class="jcart"  > 
        <fieldset> 
            <div><a target="_blank" href="<?php  echo $resp_prod['img'];?>"><img src="<?php  echo $resp_prod['img'];?>" width="143" align="left" height="143" title="Clic para Agrandar"/></a></div> 
            <input type="hidden" name="jcartToken" value="<?php echo $_SESSION['jcartToken'];?>" /> 
            <input type="hidden" name="my-item-id" value="<?php echo $resp_prod['id_prod'];?>" /> 
            <input type="hidden" name="my-item-name" value="<?php echo $resp_prod['nom_prod'];?>" /> 
            <input type="hidden" name="my-item-price" value="<?php echo $resp_prod['precio_prod'];?>" /> 
            <input type="hidden" name="my-item-url" value="" /> 
              
        <div class="texto"> <p align="justify"><?php echo $resp_prod['coment_prod']; ?></p></div> 
         
        <div class="botones"> 
                <ul> 
                    <li><strong><?php echo $resp_prod['nom_prod'];?></strong></li> 
                    <li><strong>Precio:</strong> $&nbsp;<?php echo $resp_prod['precio_prod'];?></li> 
                 
                    <li> 
                        <label><strong>Cantidad:</strong> <input type="text" name="my-item-qty" value="1" size="3" /></label> 
                    </li> 
                        <li> 
                        <input align="left" type="submit" name="my-add-button" value="Agregar al carro" class="button" /> 
                    </li> 
                 
                </ul>    
                             
            </div>         
             
                 
        <!--<div class="clear"></div>--></fieldset></form> 
    </div>                 
                     
                    <!--<div class="clear"></div>--> 
                 
    <!--<div class="clear"></div>--> 
    <?php         
            ++$i; 
        } 
    ?>         
     
<div class="clear"></div>  

codigo del css de <div class="clr"></div> :

Código CSS:

.clr {
    
    clear:both;
    padding:0;
    margin:0;
    width:100%;
    font-size:0;
    line-height:0;
}
 

ahora el codigo del footer en css:

Código CSS:

.fbg {
    
    background-color: #323232;
    margin: auto;
    padding: auto;
    height: auto;
}
.fbg_resize {
    margin:auto;
    width:920px;
    padding:5px 20px;
    color:#FFF;
}
 

bueno espero que me puedan ayudar ya que le he dado muchas horas y no logro solucionarlo ...

estaré muy atento a cualquier respuesta!
saludos y de ante mano muchas gracias!!!