Problem with dialog in IE with selects showing through

Problem with dialog in IE with selects showing through


Hi everyone,
I realize that this problem has been fixed, but it's still happening
to me. I looked at the page for ticket #1801, but (color me stupid) I
don't understand the fix. I tried adding:
$.ui.dialog.defaults.bgiframe = true;
to my $(function(){}); area of my script, but that doesn't seem to
help. There's also some mention of adding this code:
if ($.fn.bgiframe != undefined) {
$(dialog).bgiframe();
}
But, the way I read that, this seemed like a workaround until the bug
fix came in. What am I doing wrong? Here's my code:
<script>
$(function(){
    $.ui.dialog.defaults.bgiframe = true;
    $("#example").dialog().dialog("close");
});
function opendialog(){
    $("#example").dialog("open");
}
</script>
<html>
.....
<body>
.....
<a href="javascript:opendialog();">open dialog</a>
<div id="example" class="flora" title="some title"></div>
</body>
</html>
Can any one give me a hand with this really quickly?
Thanks heaps,
Chris