JQuery оставить плагин и интернет-проводник

Question

я использую плагин leftNotice и пример от авторов page (пример номер шесть, последний) На сайте все выглядит хорошо как в Chrome, так и в ie8. Когда я реализую это на моей странице, в Chrome все по-прежнему выглядит нормально, но, как обычно, все испортилось. Фон появляется под текстом, а всплывающее окно появляется под фоном. Это вероятно проблема с CSS, но у меня нет навыков CSS, чтобы исправить это. Плюс с тем же CSS на примере сайта все выглядит хорошо, я немного запутался, помогите мне, пожалуйста. Это то, что у меня есть в моем HTML

    <script language="javascript" type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.leaveNotice.min.js">
    <script language="javascript" type="text/javascript" src="js/main.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.leaveNotice.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
  <a href="http://www.google.com" class="external_link">Google!</a>

Мой файл js

$(document).ready(function () {
    $('.external_link').leaveNotice(
    {

        siteName:"LeaveNotice Test Page",
        exitMessage:"<h3>Say goodbye to {SITENAME}!</h3><p>Thanks. Shut the door behind you!</p>",
        preLinkMessage:"<hr/><p>Have fun at:<br/><strong>{URL}</strong></p><hr/>",
        overlayId:"custom-blackout",
        messageBoxId:"custom-messageBox",
        messageBoxHolder:"custom-messageHolder",
        overlayAlpha:0.6

    });

});

и мой css

#custom-blackout {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#514004;}
#custom-messageHolder {position:fixed; top:200px; left:0; width:100%;}
#custom-messageBox {width:400px; margin:0 auto; padding:120px 50px 20px 50px; background:#333 url(img/custom-msg-box-bg.png) no-repeat top center; color:#fff; text-align:center; border:5px solid #F8DA07; -moz-border-radius:15px; -webkit-border-radius:15px;}
#custom-messageBox * {color:#fff;}
#custom-messageBox hr {border-color:#666;}
#custom-messageBox a#ln-cancelLink {background-color:#666; color:#333;}

Answer 1

Для меня это нормально работает в IE8.

Я скопировал весь пример вместе с таблицами стилей из примера в jsfiddle.Вы можете открыть следующую ссылку на IE8, чтобы проверить это:

http://jsfiddle.net/neebz/gyjVg/1/

Я думаю, что ваша проблема была с CSS.Вы неправильно оформили его, чтобы показать его достаточно хорошо.