I have encountered an issue with a simple JavaScript method that opens colorbox on button click. The code works perfectly in all browsers except for IE8, where it refreshes the page and pushes the browser into compatibility mode. Here is a snippet of my code:
<script type="text/javascript">
function PopulateReferral() {
$.colorbox({ inline: true, width: "775px", height: "800px", href: "#divPartialReferralUpdate" });
}
</script>
<div id="divPartialReferralUpdate" style="margin:10px;">
<div id="divCurrentNotes" style="max-height:300px; width:660px; overflow:scroll"></div>
</div>
Upon removing the overflow tag from the style attribute of the div, the code works as expected. Is there a conflict between colorbox and overflow attributes? Are there any workarounds to fix the height of the div?