JQuery/JCaption not functional in Internet Explorer
<p>I am using JCaption to provide some animations for captions on my site. For some reason, it works on <em>everything</em>. Except for Internet Explorer 10 (Windows 8). I know IE is a hard platform to get things to work on, but I am determined to get this working, as it is the only problem I am experencing in IE.</p>

<p>The caption (when the image is hovered over) is supposed to expand the entire div, and appear right below the image.</p>

<p>JQuery/Jcaption code (the first line is a src link to the jcaption.min.js)</p>

<pre><code>&lt;script async="async" type="text/javascript" src="..."&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
jQuery(document).ready(function() {
        jQuery('.content-postbars img').jcaption({
        copyStyle: true,
        animate: true,
        wrapperElement: "div",
        wrapperClass: "captionpostbars",
        show: {height: "show"},
        hide: {height: "hide"}
    });
        jQuery('#content-projectbars img').jcaption({
        copyStyle: true,
        animate: true,
        wrapperElement: "div",
        wrapperClass: "projectpostbars",
        show: {height: "show"},
        hide: {height: "hide"}
    });
        jQuery('#content img').jcaption({
        copyStyle: true,
        animate: true,
        wrapperElement: "div",
        wrapperClass: "contentimg",
        show: {height: "show"},
        hide: {height: "hide"}
    });
});
&lt;/script&gt;
</code></pre>

<p>CSS:</p>

<pre><code>.projectpostbars p{
    background: rgb(27, 93, 148) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(27, 93, 148, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b5d94, endColorstr=#1b5d94);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b5d94, endColorstr=#1b5d94)";
    font-family: 'Mouse Memoirs', sans-serif;
    border-top: 2px solid grey;
    color: #cdb721;
    font-size: 20px;
    padding-right: 5px;
    padding-left: 5px;
}
.contentimg p{
    background: rgb(27, 93, 148) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(27, 93, 148, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b5d94, endColorstr=#1b5d94);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b5d94, endColorstr=#1b5d94)";
    font-family: 'Mouse Memoirs', sans-serif;
    border-top: 2px solid grey;
    color: #cdb721;
    font-size: 20px;
    padding-right: 5px;
    padding-left: 5px;
}
</code></pre>

<p>HTML (format, demo avaliable at <a href="http://sandydproductions.com" rel="nofollow">http://sandydproductions.com</a>)</p>

<pre><code>&lt;div class="content-postbars"&gt;&lt;a href="..."&gt;&lt;img src="..." alt="..."/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
</code></pre>
