hover updates

<!-- an example of this code can be seen on http://jcarstairs.co.vu ; all of the positioning can be changed by altering the :_px elements below -->

<!-- this part goes right under <style type="text/css"> -->

#omfg {
text-align: center;
font-size: 10px;
position:fixed;
left:0px;
top:500px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}


#lmao {
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-color:#000
border-width:0.25px;
border-color:transparent;
padding: 5px 0 5px 0;
background: transparent;
width:160px;
height:150px;
z-index: 9999;
}


#dexter {
text-align: center;
font-size: 10px;
position:fixed;
left:0px;
top:580px;
opacity:0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#dexter:hover {opacity:1;}

#debra {
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-color:#000
border-width:0.25px;
border-color:transparent;
padding: 5px 0 5px 0;
background: transparent;
width:160px;
height:150px;
z-index: 9999;
}


<!-- this part goes under <body> -->

<div id="omfg">
<div id="lmao"> <center>
<p>
</p>
</center></div>
<div id="lmaotab">


<!-- whatever you want it to say originally, for example, "updates" goes here -->

<br></div>
</div>


<div id="dexter">
<div id="debra"> <center>
<p>

<!-- whatever you want to appear on hover goes here -->

</p>
</center></div>
<div id="debratab"><br></div>
</div>