hello everyone.
so i would like the logo at the top of my site to blend from black to white on hover.
this is what i added to the pre nav section :
<div id="lnb">
<img class="bottom" width="167px" height="96px" src="/files/logoblanc.png" />
<img class="top" width="167px" height="96px" src="/files/logo.png"/>
</div>
and this is what i added to style.css
#lnb {
position:relative;
height:96px;
width:167px;
margin:0 auto;
}
#lnb img {
position:absolute;
left:0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
#lnb img.top:hover {
opacity:0;
}
but the top image is out of proportion and i don't understand why....
any ideas?
thanks.
tanguy