всем привет. подскажите плиз - как подправить js . он увеличивает блок во все стороны, а надо только вверх и вниз.
.xxx {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.xxx:hover {
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
}
.xxx > div {
width: 100px;
height: 50px;
position: absolute;
display: inline;
padding: 5px;
visibility:hidden;
opacity: 0;
background: -moz-linear-gradient(top, #b0b0b0, );
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #b0b0b0),color-stop(1, ));
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-shadow: #fff 1px 1px 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 8px gray;
-webkit-box-shadow: 0 0 8px gray;
box-shadow: 0 0 8px gray;
/* Setting the transition property for all Browsers */
-moz-transition: all 1s ease-in-out; /* Firefox */
-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.5s ease-in-out; /* Opera */
transition: all 0.5s ease-in-out; /* Browsers that Support it */
}
.xxx:hover > div {
visibility:visible;
opacity: 1;
margin-top: -150px;
margin-left: 170px;
/* Setting the transition property for all Browsers */
-moz-transition: all 1s ease-in-out; /* Firefox */
-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.5s ease-in-out; /* Opera */
transition: all 0.5s ease-in-out; /* Browsers that Support it */
}