Caja flotante al estilo de Hotmail

[pato12]

Podrias hacer algo haci:

Código html:

<style type="text/css">
<!--
#cont {
    background-color: #CCC;
    height: 100px;
    width: 200px;
    position: absolute;
}
-->
</style>
<script type="text/javascript">
<!--
var posisionarAbajo=function(dom,obj){
    var dom=typeof dom=="string"?document.getElementById(dom):dom,obj=typeof obj=="string"?document.getElementById(obj):obj,valueT=0,valueL=0,elm=dom; // Definimos algunas cosas
    if(!dom || !obj)
        return;
    do{
        valueL+=parseInt(elm.offsetLeft); // Sumamos
        valueT+=parseInt(elm.offsetTop); // Sumamos
        elm=elm.offsetParent; // Definimos
    }while(elm); // Si sigue true, volvemos a ejecutar
    valueT+=dom.offsetHeight; // Sumamos el alto del boton
    if(obj.style.position=='') // Si no tiene position
        obj.style.position='absolute'; // Le definimos absolute
    obj.style.display=obj.style.display=='none'?'block':'none'; // Si esta oculta la desocultamos y viseversa
    obj.style.top=valueT+"px"; // Posisionamos
    obj.style.left=valueL+"px"; // Posisionamos
}
-->
</script>
 
<a href="#" onclick="posisionarAbajo(this,'cont');">Mas +</a>
<div id="cont" style="display: none;">Producto 1
Prducto 2</div>
 

Suerte
Salu2