So the website I coded (http://www.laurenhennessydesign.com) has a problem. When you hover over the leaf icon it messes up. I can't really explain, you need to go look/try it. Anyways can anyone tell me how the hell to fix it?!?
My HTML (That i can fit on here):
My CSS (That I can fit on here):
.latestProjects img{
width:100%; margin-bottom: 50px; height: 200px;
}
span.overlay {
background: rgba(96,129,139,0.5);
display: none;
height: 200px;
width: 100%;
position: relative;
bottom: 250px;
margin-bottom: -100%;
color:white;
}
a:hover span.overlay {
display: block; color: white;
}
a:hover span.overlay {
display: table; color:white;
}
span.overlay span {
display:table-cell;
text-align: center;
vertical-align: middle;
font-family: Helvetica;
font-siz
Thanks!