Home › Forums › CSS › Aligning hidden hover imgs not working in ie › Re: Aligning hidden hover imgs not working in ie
here is the html for that section
Guess Who
Move your mouse over to see which staff member is in the photo. Click on the image to read more about them.
and here is the css #guess {
clear:both;
border-top: 2px solid #8B7B4A;
postion: relative;}
#guess h1{
margin: 0px;
padding-top: 20px;
}
#guess p{
margin: 0px;
padding: 0;}
dt {
margin-bottom: 20px; text-decoration: none;}
#retro {
width: 550px;
}
#retro img{
border: solid 2px #506F33;
text-decoration: none!important;}
.hid {
margin-top: -7px;
visibility:hidden;
float: right;}
.hid img a {
width: 125px;
}
#retro a p {
text-decoration: none!important;
visibility: invisible;}
#retro a:hover {background: white;}
#retro a:hover img {visibility:visible;}
#retro a:hover p {visibility: visible; text-decoration: none!important;}
#retro .child img{
visibility:visible;
width: 300px;}