Sorry if this question has already been addressed elsewhere, but I wasn't able to locate any information on it.
I am currently using jQueryTools Overlay which is functioning properly in Chrome. However, I am encountering an issue in IE-8 where my overlaying Div appears like a normal div at the top of my form.
Here is the HTML code:
<div id="overlay" >
<img src="http://www.sanbaldo.com/wordpress/wp-content/bigrotation2.gif" class="img-load" />
</div>
Here is the CSS code:
#overlay
{
background: #DCDCDC;
border: 5px solid #666;
display: none;
height: 50%;
left: 50%;
opacity: 0.8;
position: relative;
top: 30%;
width: 50%;
}
.img-load
{
left: 50%;
position: relative;
top: 50%;
}
JQuery code:
$(".button_small").click(function () {
$("#overlay").overlay().load();
});