I'm getting a bug with Internet Explorer. The iframe doesn't have correct size and it is displayed on the top left of the page instead of the center.In Firefox and Chrome, everything is working perfectly.Tried many things but I couldn't find a solution 
Please help me.You can see the bug in IE8 here:http://www.ni-dieu-ni-maitre.com/v2/index_v2.phpClick link labelled "iframe" on top leftHere's a screenshot of what it looks like:
Here's my code:\[code\]<head> <script type=\"text/javascript\" src=http://stackoverflow.com/"http://www.$domain/scripts/jquery-1.8.2.min.js\"></script> <script type=\"text/javascript\" src=http://stackoverflow.com/"http://www.$domain/scripts/jquery.fancybox.js?v=2.1.1\"></script> <link rel=\"stylesheet\" type=\"text/css\" href=http://stackoverflow.com/"http://www.$domain/scripts/jquery.fancybox.css?v=2.1.1\" media=\"screen\" /> <script type=\"text/javascript\"> $(document).ready(function() { $('.fancybox').fancybox(); $('.fancybox').click(function() { $.fancybox.open({ href : 'iframe.html', type : 'iframe', padding : 5, autoScale : false }); }); $(\".contactbox\").fancybox({ openEffect : 'elastic', openSpeed : 150, closeEffect : 'elastic', closeSpeed : 150, closeClick : true, 'overlayShow' : false, href : 'contact.php', type : 'iframe', padding : 5, autoScale : true, scrolling : 'no' frameWidth : 430, frameHeight : 380 }); }); </script></head><body background=\"$background\" id=\"top\"><a class=\"contactbox\" href=http://stackoverflow.com/"http://$domain/contact.php\">Iframe</a>\[/code\]
Please help me.You can see the bug in IE8 here:http://www.ni-dieu-ni-maitre.com/v2/index_v2.phpClick link labelled "iframe" on top leftHere's a screenshot of what it looks like: