hover myo issue

[orangekoneko]

so i'm working on an myo for a v4 site and what i'm trying to do is get it so there's an image and you hover it to get the board description, and the image is a different one for each board. however, the only place i can put the image (i think) is the board description and the hovers for it are all screwed up now. my css for the board description is:
#boarddesc {
width: 650px;
padding: 5px;
font-size: 9px;
z-index: 2;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
opacity: 0;
filter:alpha(opacity=0);
}

#boarddesc:hover {
opacity: 1;
filter:alpha(opacity=1);
z-index: 1;
}

#boarddesc img {
opacity: 1;
filter:alpha(opacity=1);
width: 650px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
z-index: 1;
}

#boarddesc img:hover {
opacity: 0;
filter:alpha(opacity=0);
z-index: 2;
}
 what's wrong with it?

[Tumbleweed]

Are you still having issues with this, orangekoneko? If you are, I'd really need a link to your site to see what you have going on. I don't think your hover stuff can be achieved without some jquery. Also apologies for the delay. Not many helpers come here anymore and life got busy for me so I've not been around.