AYUDAAlinear un div como si fuera tooltip de otro

[douglasroos]

Buenos dias a todos, tengo un problema con el siguiente codigo que genero desde una BD para mostrar unas carpetas de usuario, la idea es que cuando situen el raton encima se genere un preview de las fotos y archivos que posee, esto ya lo logre hacer, lo que necesito es que la posicion del div preview sea siempre 100px a la derecha del que tiene la carpeta.

Me explico mejor poniendo el codigo:

Código PHP:

function VER_ABIERTAS(){
    $mysqli = $_SESSION['db'];
    ?>
    <div class="taboff" style="padding:4px">CARPETAS DE ACCESO LIBRE</div>
    <?php
    $get = $mysqli->query("SELECT cev_folders.admin_id, cev_admins.nombre, cev_admins.apellido  FROM cev_folders, cev_admins WHERE cev_folders.tipo = 'open' AND cev_folders.admin_id = cev_admins.admin_id GROUP BY cev_folders.admin_id");
    if($get->num_rows){
        while($rox = $get->fetch_row()){
            ?>
            <div class="bits"><b><?php echo $rox['1'].' '.$rox['2']?></b> comparte con todos</div>
            <div style="margin-bottom:10px;">
                <?php
                $ver = $mysqli->query("SELECT id,nombre FROM cev_folders WHERE admin_id = '".$rox['0']."' AND tipo = 'open'");
                if($ver->num_rows){
                    while($row = $ver->fetch_row()){
                        ?>
                        <a href="?action=4&do=ver&id=<?php echo $row['0']?>&owner=<?php echo $rox['0']?>"><div class="fol" title="" onMouseOver="MD('f<?php echo $rox['0']?>'); x.request('r:preview.php?id=<?php echo $row['0']?>&owner=<?php echo $rox['0']?>; rl:f<?php echo $rox['0']?>')" onMouseOut="CD('f<?php echo $rox['0']?>')"><img src="../img/Folder.png" /><br /><?php echo $row['1']?><br /><?php PESO_FOLDER("../documents/".$rox['0']."/".$row['0']."/files/")?></div></a><div class="preview" style="display:none;" id="f<?php echo $rox['0']?>" onMouseOver="MD('f<?php echo $rox['0']?>')" onMouseOut="CD('f<?php echo $rox['0']?>')"></div>
                        <?PHp
                    }
                }
                $ver->free();
                ?>
                <div id="c"></div>
            </div>
            <?php
        }
    }else{
        echo NO_CHECK.' A&uacute;n no hay carpetas compartidas';
    }
    $get->free();
}
 

Este es el codigo, ahora el CSS

Código CSS:

.fol{float:left;background-color:#eee;border:1px solid #CCC;padding:4px;margin:0px 5px 0px 5px;color:#666;width:100px;height:100px;text-align:center;font-size:9px;overflow:hidden; position:relative;}
.preview{
    z-index:900;
    position:absolute;
    left:25%;
}
 

No hallo como hacer que dependa de cada uno de los div que estan flotando para que siempre aparezca a la derecha de este.

Espero puedan ayudarme