my cbox

<div style="position: fixed; bottom: 0px; left: 60px;"><a href="http://ryders-network.tumblr.com/"><img src="http://static.tumblr.com/fuu6t9w/vJ9mpkecx/rydersicon.png" width=30px title="wave of fab"></a></div>

<div id="ireverent"><center><ed>cbox!</ed><br><p>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="190" height="218" src="http://www7.cbox.ws/box/?boxid=549619&amp;boxtag=zpy0g0&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-549619" style="border:#ababab 1px solid;" id="cboxmain7-549619"></iframe></div>
<div><iframe frameborder="0" width="190" height="82" src="http://www7.cbox.ws/box/?boxid=549619&amp;boxtag=zpy0g0&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-549619" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-549619"></iframe></div>
</div>
<!-- END CBOX -->

</center></div>



------------------------------------------------------------------------------------------------------------------


#ireverent {
position:fixed;
font-family: consolas;
font-size: 8px;
bottom:0px;
left:900px;
padding: 8px;
height:12px;
letter-spacing:1px;
text-transform:uppercase;
padding-bottom:5px;
background: white;
width:105px;
border: 1px solid #f7f7f7;
transition: all 0.6s ease-out;
-o-transition-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}
#ireverent:hover{
bottom:-35px;
height:350px;
transition: all 0.6s ease-out;
-o-transition-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}
ed{
background:{color:link};
color:white;
max-width:105px;
padding:37px;
padding-top:5px;
padding-bottom:5px;
margin-left:-7px;
margin-top:-16px;
heigth:30px;
font-family: calibri;
font-size: 10px;
height:12px;
letter-spacing:1px;
text-transform:uppercase; }