Widget:HoverCard

<style>

div { width: 500px; height: 290px; position: relative; border 1px solid black; overflow: hidden; }

iframe{ height: 2000px; width: 500px; position: absolute; top: -500px; }

.box{

   display: none;

}

a:hover + .box,.box:hover{

   display: block;
   position: relative;
   z-index: 100;

} </style> <a href="http://live.urealms.com/cards#accessory-00025-bagofbones">Bag of Bones</a>

<iframe src="http://live.urealms.com/cards#accessory-00025-bagofbones" scrolling="no" id="card" width = "450px" height = "500px"> </iframe>