Basically just copy this code and paste it under where you have all the sidebar stuff:)

#sidebarimgg{

position:fixed !important;
margin-left: 15px;
margin-top: 15px;
padding: 4px;
width: 287px;
opacity:0;
background-image:url("http://i47.tinypic.com/28qpxmg.png");
height: 418px;
box-shadow: 0px 0px 1px #888;
font-family: cambria;
font-size: 11px;
line-height: 12px;
z-index: 0;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
opacity: 0;
}

#sidebar:hover #sidebarimgg {

        -webkit-backface-

visibility: visible !important;
    -webkit-animation: flipInX 0.3s;


-moz-backface-visibility: visible !important;
	-moz-animation: flipInX 0.3s;
	-o-backface-visibility: visible !important;
	-o-animation: flipInX 0.3s;
	backface-visibility: visible !important;



opacity: 1;

}


Then just paste this code under div id="sidebar"


<div id="sidebarimgg"></div>