
Issue with visability: hidden
Hello everyone, especially Jason!
I have found that PIE is not working for me with my element wich have "visability: hidden" by default. On mouse over on <td> this element changes property to visible. I've done so to make some kind of tooltip for images in shop catalog (see attachment). So... when i deleting "visability: hidden" PIE is working right! Here is my code and css:
Code:
<tr>
<td class="item_name">
<div style="position: relative;"><span><img itemprop="image" class="item_img" border="0" src="link_to_the_image" width="180"></span></div>
</td>
</tr>
Code:
.item_name span {
visibility: hidden;
position: absolute;
display: block;
z-index: 500;
left: -344px;
margin-top: -31px;
border: 1px solid #fff;
border-radius: 5px;
border-collapse:separate;
background: #fff;
box-shadow: 0 0 14px -1px #000;
behavior: url(/PIE.htc);
}
.item_name:hover span {
visibility: visible;
}
And I have found interesting thing: sometimes when I scrolling the page and moving mouse over it there are appeares box with shadow and radius borders on the page =) (see attachment). I don't know what is it...
I need help with that all.
P.S. I'm using IETester for tests in IE 8 mode.
P.P.S. Sorry for bad English, hope you are understood me.