Mi idea es utilizar un CSS de este estilo:
#pestaña {
background: #59B7FF;
border: 1px solid blue;
color: #FFFFFF;
height: 160px;
position: fixed;
right: 0;
top: 168px;
width: 32px;
}
#pestaña:hover #ventana{
visibility:visible;
}
#ventana {
visibility:hidden;
position:absolute;
}
Junto a un HTML como el que sigue:
<div id="pestaña">
<div id="ventana"><iframe> ... </iframe></div>
</div>
Tendrías que añadir todas las propiedades que faltan. Creo que resulta más facil entender la idea sin añadir propiedades que distraigan. Igual con el HTML. Tendrás que hacer algunas pruebas, pero debería funcionar.
He optado por usar la pseudo-clase :hover por ser más simple, pero podría hacerse lo mismo con javascript si quieres que la capa se muestre al hacer click sobre la pestaña.