Wysuwane Co o mnie myślisz

hmm teraz dam wam html na wysuwane co o mnie myślisz :)

jeżeli chcecie zobaczyć jak to wygląda proszę tutaj 

a o to kodzik proszę :)

-

<div id="Aceboy">

    <div class="text">Co o mnie </div>

         <div class="who">

            <div id="left">

            </div>

            <div id="right">

               <a href="http://poszkole.pl/comyslisz/o/Ace_Boy,26251501">MYSLISZ</a>

            </div>

       </div>

</div>

<style>

#Aceboy {

height: 34px;

width: 300px;

border: 1px solid black;

background: url('http://i39.tinypic.com/nmkwzm.jpg') no-repeat scroll right top white;

position: fixed;

left: -250px;

bottom: 350px;

box-shadow: 0 0 1px 1px gray;

-webkit-transition-duration: 0,1s;

}

#Aceboy:hover {

height: 33px;

width: 200px;

border: 2px solid XXX;

background: url('http://i40.tinypic.com/e64var.jpg') no-repeat scroll right top white;

position: fixed;

left: 0px;

bottom: 350px;

box-shadow: 0 0 1px 1px gray;

-webkit-transition-duration: 0,1s;

}

.text {

color: GREY;

font-size: 20px;

font-family: times new roman;

margin-left: 15px;

margin-top: 15px;

}

img#av {

margin: 7px;

width: 110px;

height: 110px;

border: 2px solid black;

box-shadow: 0 0 1px 1px gray;

}

#left {

width: 120px;

float: left;

}

#right {

width: 175px;

float: left;

margin-top: -22px;

margin-left: 55px;

height: 140px;

text-decoration: underline;

text-align: center;

}

#right a {

text-align: center;

color: red;

font-family: times new roman;

font-size: 18px;

-webkit-transition-duration: 0,1s;

}

#right a:hover {

text-align: center;

color: #2a2a2a;

font-family: times new roman;

font-size: 18px;

-webkit-transition-duration: 0,1s;

}

</style>

Obrazek na początku.

Obrazek po najechaniu.

Aceboy