Expander Div

[ra120354]

Hola vereis en mi pagina hecha con dreamweaver tengo un div de (645x70px) en el cual muestro de forma aleatoria banners de esas medidas.
Mi problema es que ahora tengo que incluir y mezclar con los mismos banners que tienen otra medida distinta (760x100px) de forma que todos ellos se vean bien.

Este mi código CSS:

Código HTML:

#DivBannerIndex {
    position:absolute;
    width:645px;
    height:70px;
    z-index:12;
    left: 205px;
    top: 175px;
}
.banner_aleatorio{
    height:70px;
    width:645px;
    position:absolute;
}
 

Y este mi código donde muestro los banners aleatorios:

Código HTML:

<!--Esto va al principio-->
<script type="text/javascript" src="BannerIndex/BannerAleatorio.js"></script>
 
<!-- Esto va en el Body-->
<div id="DivBannerIndex">
               <div id="banner1" class="banner_aleatorio"></div>
               <div id="banner2" class="banner_aleatorio"></div>
   </div>
 

Pues el problema es que si al div (DivBannerIndex) le doy las medidas:
width:760px;
height:100px;
los banners de (760x100px) salen bien
los banners de 645x70px me salen completo y luego se repite una parte del mismo a la derecha hasta completar el hueco del div por decirlo de alguna forma y hacia abajo ocurre lo mismo hasta completar tambien el tamaño del div.
lo que quiero es que el div se expanda cuando sale un banner mas grande y vuelva a su tamaño cuando el banner sea el pequeño.
NOTA: no necesito que desplace el resto del contenido de la página ya que al lado y abajo no hay nada.

Bueno espero haberme esplicado.

un saludo

[4ng3r]

y si usa porcentajes ?

[ra120354]

Gracias.

Nunca lo he hecho así y no se como hacerlo ni como plantearlo.

Un saludo.